<template>
  <div>
    <div class="report">
      <div id="pdfDom1">
        <div id="basic" style="margin: auto">
          <div style="">
            <div style=" width: 100%; background-color:#2ab28b;  text-align: center; margin:auto">
              <div style="font-size: 40px; font-weight: bold; color: #ffffff;padding-top:20px;">{{ Titlename }}</div>
              <!-- <span style="font-size: 30px; color: #666666; margin-left: 20px;display: block;">基本信息报告</span> -->
              <div style="margin-top:30px;font-size: 24px;padding-bottom: 20px;font-weight: bold;color:#333333;">
                儿童生长发育评估分析报告单</div>
            </div>
          </div>
          <!-- 基本信息 -->
          <div style="width: 100%; height: 40px; background-color: #2AB28B; margin-top: 10px; display: flex;">
            <div><img src="../.././assets/img/12.jpg" style="height: 40px" alt="" /></div>
            <div style="font-size: 20px; margin-left: 10px; line-height: 40px; color: #fff;">儿童基本信息</div>
          </div>
          <div
        style="width: 1070px; border-top: 2px solid #09a578; border-right: 2px solid #09a578;  margin-top: 10px;font-size: 14px;"
        v-if="times == 2">
        <div style="display: flex">
          <div
            style="background-color: rgb(42, 178, 139); width: 10%;height: 40px;text-align: center;line-height: 40px;color: #fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
            儿童姓名
          </div>
          <div
            style="width: 15%;height: 40px;text-align: center;line-height: 40px;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
            {{ contents.username ?? '[]' }}
          </div>
          <div
            style="background-color: rgb(42, 178, 139);width: 10%; height: 40px; text-align: center; line-height: 40px; color:#fff; border-right: 2px solid #09a578; border-bottom: 2px solid #09a578;">
            性别
          </div>
          <div
            style="width: 15%; height: 40px; text-align: center;line-height: 40px;border-right: 2px solid #09a578; border-bottom: 2px solid #09a578;">
            {{ contents.sex == 1 ? '女' : '男' ?? '[]' }}
          </div>
          <div
            style="background-color: rgb(42, 178, 139); width: 10%; height: 40px; text-align: center; line-height: 40px; color:#fff; border-right: 2px solid #09a578; border-bottom: 2px solid #09a578;">
            出生日期
          </div>
          <div
            style="width: 15%;height: 40px;text-align: center;line-height: 40px;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
            {{ birth ?? '[]' }}
          </div>
          <div
            style=" background-color: rgb(42, 178, 139); width: 10%; height: 40px; text-align: center; line-height: 40px;color:#fff; border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
            年龄
          </div>
          <div style="width: 15%;height: 40px;text-align: center;line-height: 40px;border-bottom: 2px solid #09a578;">
            {{ births }}
          </div>
        </div>
        <div style="display: flex">
          <div
            style="background-color: rgb(42, 178, 139); width: 10%;height: 40px;text-align: center;line-height: 40px;color: #fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
            身高
          </div>
          <div
            style="width: 15%;height: 40px;text-align: center;line-height: 40px;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
            {{ contents.height ? contents.height + 'CM' : '' }}
          </div>
          <div
            style="background-color: rgb(42, 178, 139);width: 10%; height: 40px; text-align: center; line-height: 40px; color:#fff; border-right: 2px solid #09a578; border-bottom: 2px solid #09a578;">
            体重
          </div>
          <div
            style="width: 15%; height: 40px; text-align: center;line-height: 40px;border-right: 2px solid #09a578; border-bottom: 2px solid #09a578;">
            {{ contents.weight ? contents.weight + 'KG' : '' }}
          </div>
          <div
            style="background-color: rgb(42, 178, 139); width: 10%; height: 40px; text-align: center; line-height: 40px; color:#fff; border-right: 2px solid #09a578; border-bottom: 2px solid #09a578;">
            监护人姓名
          </div>
          <div
            style="width: 15%;height: 40px;text-align: center;line-height: 40px;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
            {{ contents.guardian_name ?? '[]' }}
          </div>
          <div
            style=" background-color: rgb(42, 178, 139); width: 10%; height: 40px; text-align: center; line-height: 40px;color:#fff; border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
            监护人手机号
          </div>
          <div style="width: 15%;height: 40px;text-align: center;line-height: 40px;border-bottom: 2px solid #09a578;">
            {{ contents.guardian_mobile ?? '[]' }}
          </div>
        </div>
        <div style="display: flex">
          <div
            style="background-color: #2AB28B; width: 9.9%;height: 40px;text-align: center;line-height: 40px;color: #fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
            检测日期</div>
          <div style="width: 40%; height: 40px; border-bottom: 2px solid #09a578; line-height: 40px; text-indent: 20px;border-right: 2px solid #09a578;">
            {{ report_time }}
          </div>
          <div
            style="background-color: #2AB28B; width: 9.9%;height: 40px;text-align: center;line-height: 40px;color: #fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
            BMI</div>
          <div style="width: 40%; height: 40px; border-bottom: 2px solid #09a578; line-height: 40px; text-indent: 20px;">
            {{ BMIs }}
          </div>
        </div>
      </div>
      <div style="width: 1070px; border-top: 2px solid #09a578; border-right: 2px solid #09a578;  margin-top: 10px"
        v-if="times == 1">
        <div style="display: flex">
          <div
            style="background-color: #2AB28B; width: 9.9%;height: 40px;text-align: center;line-height: 40px;color: #fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
            检测日期</div>
          <div style="width: 90%; height: 40px; border-bottom: 2px solid #09a578; line-height: 40px; text-indent: 20px;">
            {{ report_time }}
          </div>
        </div>
        <div style="display: flex">
          <div
            style="background-color: rgb(42, 178, 139); width: 10%;height: 40px;text-align: center;line-height: 40px;color: #fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
            儿童姓名
          </div>
          <div
            style="width: 15%;height: 40px;text-align: center;line-height: 40px;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
            {{ contents.username ?? '[]' }}
          </div>
          <div
            style="background-color: rgb(42, 178, 139);width: 10%; height: 40px; text-align: center; line-height: 40px; color:#fff; border-right: 2px solid #09a578; border-bottom: 2px solid #09a578;">
            性别
          </div>
          <div
            style="width: 15%; height: 40px; text-align: center;line-height: 40px;border-right: 2px solid #09a578; border-bottom: 2px solid #09a578;">
            {{ contents.sex == 1 ? '女' : '男' ?? '[]' }}
          </div>
          <div
            style="background-color: rgb(42, 178, 139); width: 10%; height: 40px; text-align: center; line-height: 40px; color:#fff; border-right: 2px solid #09a578; border-bottom: 2px solid #09a578;">
            出生日期
          </div>
          <div
            style="width: 15%;height: 40px;text-align: center;line-height: 40px;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
            {{ birth ?? '[]' }}
          </div>
          <div
            style=" background-color: rgb(42, 178, 139); width: 10%; height: 40px; text-align: center; line-height: 40px;color:#fff; border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
            监护人姓名
          </div>
          <div style="width: 15%;height: 40px;text-align: center;line-height: 40px;border-bottom: 2px solid #09a578;">
            {{ contents.guardian_name ?? '[]' }}
          </div>
        </div>
        <div style="display: flex">
          <div
            style="background-color: rgb(42, 178, 139);width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
            监护人手机号
          </div>
          <div
            style=" width: 15%; height: 40px; text-align: center; line-height: 40px; border-right: 2px solid #09a578; border-bottom: 2px solid #09a578; ">
            {{ contents.guardian_mobile ?? '[]' }}
          </div>
          <div
            style="background-color: rgb(42, 178, 139);width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
            身高
          </div>
          <div
            style=" width: 15%; height: 40px; text-align: center; line-height: 40px; border-right: 2px solid #09a578; border-bottom: 2px solid #09a578; ">
            {{ contents.height ? contents.height + 'CM' : '' }}
          </div>
          <div
            style="background-color: rgb(42, 178, 139);width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
            体重
          </div>
          <div
            style=" width: 15%; height: 40px; text-align: center; line-height: 40px; border-right: 2px solid #09a578; border-bottom: 2px solid #09a578; ">
            {{ contents.weight ? contents.weight + 'KG' : '' }}
          </div>
          <div
            style="background-color: rgb(42, 178, 139);width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
            头围
          </div>
          <div style="width: 15%;height: 40px;text-align: center;line-height: 40px;border-bottom: 2px solid #09a578;">
            {{ contents.touwei ? contents.touwei + 'CM' : '' }}
          </div>
        </div>
        <div style="display: flex">
          <div
            style="background-color: rgb(42, 178, 139);width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
            出生身长
          </div>
          <div
            style=" width: 15%; height: 40px; text-align: center; line-height: 40px; border-right: 2px solid #09a578; border-bottom: 2px solid #09a578; ">
            {{ contents.chushengsg ? contents.chushengsg + 'CM' : '' }}
          </div>
          <div
            style="background-color: rgb(42, 178, 139);width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
            出生体重
          </div>
          <div
            style=" width: 15%; height: 40px; text-align: center; line-height: 40px; border-right: 2px solid #09a578; border-bottom: 2px solid #09a578; ">
            {{ contents.chushengtz ? contents.chushengtz + 'KG' : '' }}
          </div>
          <div
            style="background-color: rgb(42, 178, 139);width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
            腹围
          </div>
          <div
            style=" width: 15%; height: 40px; text-align: center; line-height: 40px; border-right: 2px solid #09a578; border-bottom: 2px solid #09a578; ">
            {{ contents.fuwei ? contents.fuwei + 'CM' : '' }}
          </div>
          <div
            style="background-color: rgb(42, 178, 139);width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
            血型
          </div>
          <div style="width: 15%;height: 40px;text-align: center;line-height: 40px;border-bottom: 2px solid #09a578;">
            {{ contents.xuexing_value ? contents.xuexing_value : '' }}
          </div>
        </div>
        <div style="display: flex">
          <div
            style="background-color: rgb(42, 178, 139);width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
            民族
          </div>
          <div
            style=" width: 15%; height: 40px; text-align: center; line-height: 40px; border-right: 2px solid #09a578; border-bottom: 2px solid #09a578; ">
            {{ contents.minzu_value ? contents.minzu_value : '' }}
          </div>
          <div
            style="background-color: rgb(42, 178, 139);width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
            与监护人关系
          </div>
          <div
            style=" width: 15%; height: 40px; text-align: center; line-height: 40px; border-right: 2px solid #09a578; border-bottom: 2px solid #09a578; ">
            {{ contents.guanxi_value ? contents.guanxi_value : '' }}
          </div>
          <div
            style="background-color: rgb(42, 178, 139);width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
            家长受教育程度
          </div>
          <div
            style=" width: 15%; height: 40px; text-align: center; line-height: 40px; border-right: 2px solid #09a578; border-bottom: 2px solid #09a578; ">
            {{ contents.jiaoyu_value ? contents.jiaoyu_value : '' }}
          </div>
          <div
            style="background-color: rgb(42, 178, 139);width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;">
            出生情况
          </div>
          <div style="width: 15%;height: 40px;text-align: center;line-height: 40px;border-bottom: 2px solid #09a578;">
            {{ contents.birthSituation_value ? contents.birthSituation_value : '' }}
          </div>
        </div>
      </div>
          <!-- 其他信息 -->
          <div style="width: 100%;height: 40px;background-color: rgb(42, 178, 139);margin-top: 10px;display: flex;">
            <div><img src="../.././assets/img/12.jpg" style="height: 40px" alt="" /></div>
            <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
              其他信息
            </div>
          </div>
          <div style="width: 1070px; border-top: 2px solid #09a578; border-right: 2px solid #09a578; margin-top: 10px" v-if="times==1">
            <div style="display: flex">
              <div
                style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
                妊娠不良习惯
              </div>
              <div style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;font-size: 16px;">
                {{ contents.Bad_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
                妊娠疾病情况
              </div>
              <div style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;font-size: 16px;">
                {{ contents.disease_value ?? '[]' }}
              </div>
            </div>
          </div>
          <div style="display: flex;margin-top:20px;border:2px solid #09a578" v-if="times==2">
          <div
            style="background-color: rgb(42, 178, 139);width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;">
            出生身高/身长
          </div>
          <div
            style=" width: 15%; height: 40px; text-align: center; line-height: 40px; border-right: 2px solid #09a578;font-size: 16px; ">
            {{ contents.chushengsg ? contents.chushengsg + 'CM' : '' }}
          </div>
          <div
            style="background-color: rgb(42, 178, 139);width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;">
            出生体重
          </div>
          <div
            style=" width: 15%; height: 40px; text-align: center; line-height: 40px; border-right: 2px solid #09a578;font-size: 16px;  ">
            {{ contents.chushengtz ? contents.chushengtz + 'KG' : '' }}
          </div>
          <div
            style="background-color: rgb(42, 178, 139);width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;">
            腹围
          </div>
          <div style=" width: 15%; height: 40px; text-align: center; line-height: 40px; border-right: 2px solid #09a578;font-size: 16px;">
            {{ contents.fuwei ? contents.fuwei + 'CM' : '' }}
          </div>
          <div
            style="background-color: rgb(42, 178, 139);width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;">
            血型
          </div>
          <div style="width: 15%;height: 40px;text-align: center;line-height: 40px;font-size: 16px;">
            {{ contents.xuexing_value ? contents.xuexing_value : '' }}
          </div>
        </div>
        <div style="display: flex;border:2px solid #09a578;border-top:none;"  v-if="times==2">
          <div
            style="background-color: rgb(42, 178, 139);width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;">
            民族
          </div>
          <div
            style=" width: 15%; height: 40px; text-align: center; line-height: 40px; border-right: 2px solid #09a578;font-size: 16px; ">
            {{ contents.minzu_value ? contents.minzu_value : '' }}
          </div>
          <div
            style="background-color: rgb(42, 178, 139);width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;">
            与监护人关系
          </div>
          <div
            style=" width: 15%; height: 40px; text-align: center; line-height: 40px; border-right: 2px solid #09a578;font-size: 16px;  ">
            {{ contents.guanxi_value ? contents.guanxi_value : '' }}
          </div>
          <div
            style="background-color: rgb(42, 178, 139);width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;">
            家长受教育程度
          </div>
          <div style=" width: 15%; height: 40px; text-align: center; line-height: 40px; border-right: 2px solid #09a578;font-size: 16px;">
            {{ contents.jiaoyu_value ? contents.jiaoyu_value : '' }}
          </div>
          <div
            style="background-color: rgb(42, 178, 139);width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;">
            出生情况
          </div>
          <div style="width: 15%;height: 40px;text-align: center;line-height: 40px;font-size: 16px;">
            {{ contents.birthSituation_value ? contents.birthSituation_value : '' }}
          </div>
        </div>
        <div style="display: flex"  v-if="times==2">
          <div
            style="background-color: rgb(42, 178, 139);width: 10.5%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
            头围
          </div>
          <div
            style="width: 90%;border-bottom: 2px solid #09a578;border-right: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;font-size: 16px;">
            {{ contents.touwei ? contents.touwei + 'CM' : '' }}
          </div>
        </div>
        <div style="display: flex"  v-if="times==2">
          <div
            style="background-color: rgb(42, 178, 139);width: 10.5%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
            每日摄水量
          </div>
          <div
            style="width: 90%;border-bottom: 2px solid #09a578;border-right: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;font-size: 16px;">
            {{ contents.water ? contents.water + 'ML' : '' }}
          </div>
        </div>
        <div style="display: flex"  v-if="times==2">
          <div
            style="background-color: rgb(42, 178, 139);width: 10.5%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
            儿童疾病情况
          </div>
          <div
            style="width: 90%;border-bottom: 2px solid #09a578;border-right: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;font-size: 16px;">
            {{ contents.Childhooddiseases ? contents.Childhooddiseases : '' }}
          </div>
        </div>
        <div style="display: flex"  v-if="times==2">
          <div
            style="background-color: rgb(42, 178, 139);width: 10.5%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
            过敏食物
          </div>
          <div
            style="width: 90%;border-bottom: 2px solid #09a578;border-right: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;font-size: 16px;">
            {{ contents.allergy_value ? contents.allergy_value : '' }}
          </div>
        </div>
        <div style="display: flex"  v-if="times==2">
          <div
            style="background-color: rgb(42, 178, 139);width: 10.5%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
            食物不耐受
          </div>
          <div
            style="width: 90%;border-bottom: 2px solid #09a578;border-right: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;font-size: 16px;">
            {{ contents.intolerance_value ? contents.intolerance_value : '' }}
          </div>
        </div>
          <!-- 孩子临床表现 -->
          <div style="width: 100%;height: 40px;background-color: rgb(42, 178, 139);margin-top: 10px;display: flex;" v-if="times==1"> 
            <div><img src="../.././assets/img/12.jpg" style="height: 40px" alt="" /></div>
            <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
              孩子临床表现
            </div>
          </div>
          <div style="width: 1070px;  border-top: 2px solid #09a578; border-right: 2px solid #09a578; margin-top: 10px" v-if="times==1">
            <div style="display: flex">
              <div
                style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
                头发
              </div>
              <div style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;font-size: 16px;">
                {{ contents.hair_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
                眼睛
              </div>
              <div style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;font-size: 16px;">
                {{ contents.eye_value ?? '[]' }} 
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
                皮肤
              </div>
              <div style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;font-size: 16px;">
                {{ contents.skin_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
                口腔
              </div>
              <div style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;font-size: 16px;">
                {{ contents.oralCavity_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
                牙齿
              </div>
              <div style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;font-size: 16px;">
                {{ contents.tooth_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
                颈部
              </div>
              <div style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;font-size: 16px;">
                {{ contents.neck_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
                神经病变
              </div>
              <div style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;font-size: 16px;">
                {{ contents.Neuropathy_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
                神经症状
              </div>
              <div style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;font-size: 16px;">
                {{ contents.symptoms_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
                体征
              </div>
              <div style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;font-size: 16px;">
                {{ contents.sign_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
                骨骼
              </div>
              <div style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;font-size: 16px;">
                {{ contents.bones_value ?? '[]' }}
              </div>
            </div>
          </div>
          <!-- 食物过敏 -->
          <div style="width: 100%;height: 40px;background-color: rgb(42, 178, 139);margin-top: 10px;display: flex;" v-if="times==1">
            <div><img src="../.././assets/img/12.jpg" style="height: 40px" alt="" /></div>
            <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
              食物过敏
            </div>
          </div>
          <div style="width: 1070px; border: 2px solid #09a578; margin-top: 10px" v-if="times==1">
            <div style="display: flex">
              <div
                style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
                过敏食物
              </div>
              <div style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;font-size: 16px;">
                {{ contents.allergy_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
                食物不耐饿
              </div>
              <div style="width: 90%;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;font-size: 16px;">
                {{ contents.intolerance_value ?? '[]' }}
              </div>
            </div>
          </div>
          <div style="width: 100%;height: 40px;background-color: rgb(42, 178, 139);margin-top: 10px;display: flex;" v-if="times==2">
          <div><img src="../.././assets/img/12.jpg" style="height: 40px" alt="" /></div>
          <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
            儿童常见疾病
          </div>
        </div>
        <div style="width: 1070px;  border-top: 2px solid #09a578; border-right: 2px solid #09a578; margin-top: 10px" v-if="times==2">
          <div style="display: flex">
            <div
              style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
              五官科
            </div>
            <div
              style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;font-size: 16px;">
              {{ contents.hair_value ?? '[]' }}
            </div>
          </div>
          <div style="display: flex">
            <div
              style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
              皮肤科
            </div>
            <div
              style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;font-size: 16px;">
              {{ contents.eye_value ?? '[]' }}
            </div>
          </div>
          <div style="display: flex">
            <div
              style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
              消化系统
            </div>
            <div
              style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;font-size: 16px;">
              {{ contents.skin_value ?? '[]' }}
            </div>
          </div>
          <div style="display: flex">
            <div
              style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
              呼吸系统
            </div>
            <div
              style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;font-size: 16px;">
              {{ contents.oralCavity_value ?? '[]' }}
            </div>
          </div>
          <div style="display: flex">
            <div
              style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
              常见疾病和症状
            </div>
            <div
              style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;font-size: 16px;">
              {{ contents.tooth_value ?? '[]' }}
            </div>
          </div>
          <div style="display: flex">
            <div
              style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
              中医辩证病症
            </div>
            <div
              style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;font-size: 16px;">
              {{ contents.neck_value ?? '[]' }}
            </div>
          </div>
        </div>

        <!-- 生长发育曲线图 -->
            <!-- <div style="display: flex;margin-top:600px;"> -->
              <div style="display: flex; page-break-before: always">
              <div style="
                  width: 97%;
                  background-color: #2ab28b;
                  height: 100px;
                  text-align: center;
                  line-height: 100px;
                ">
                <span style="font-size: 30px; font-weight: bold; color: #ffffff">儿童</span><span
                  style="font-size: 30px; color: #666666; margin-left: 20px">生长发育曲线图</span>
              </div>
              <div style="height: 100px; width: 40%; background-color: #2ab28b">
              </div>
            </div>
            <div style="
                display: flex;
                border: 2px solid #09a578;
                margin-top: 10px;
                width: 99%;
                justify-content: space-between;
              ">
              <!-- <div id="myChart1" :style="{ width: '33%', height: '550px' }"></div> -->
              <div id="myChart2" :style="{ width: '50%', height: '550px' }"></div>
              <div id="myChart3" :style="{ width: '50%', height: '550px' }"></div>
            </div>
            <div style="border: 2px solid #09a578;margin-top:20px;font-size: 14px;">
              <!-- <div style="margin-top:5px;margin-left: 5px;">BMI值：{{BMI<18.5?'偏瘦':BMI<24 && BMI>=18.5?'正常':BMI<28 && BMI>=24?'偏胖':BMI>=28?'肥胖':''}}</div>
              <div style="margin-top:5px;margin-left: 5px;">建议：{{BMI<18.5?'可以选择富含蛋白质、脂肪和碳水化合物的食物，如瘦肉、鱼类、坚果、全谷物和奶制品。同时，多吃蔬菜和水果，以确保摄入足够的维生素和矿物质。':BMI<24 && BMI>=18.5?'您的BMI正常请保持。':BMI<28 && BMI>=24?'避免高热量、高脂肪食物，选择清淡、易消化的食物，如新鲜水果、蔬菜，同时搭配适量的肉类和主食、适当运动':BMI>=28?'控制总热量摄入，减少高热量、高脂肪和高糖分食物的摄入，如炸鸡、薯条、糖果等、增加蔬菜、水果和全谷物的摄入，提供足够的膳食纤维和营养素':''}}</div> -->
              <div style="margin-top:5px;margin-left: 5px;">身高：{{Height_s<contents.height?'偏高':'偏低'}}</div>
              <div style="margin-top:5px;margin-left: 5px;">建议：{{Height_s<contents.height?'身高偏高的人往往需要的能量也相对较高，但并不意味着可以无限制地摄入食物。建议定时定量进食，避免暴饮暴食，并根据个人的能量需求调整饮食量。':'保证充足的钙质摄入，如牛奶、酸奶、奶酪、小鱼干、豆腐、绿叶蔬菜等。增加蛋白质的摄入，建议适量增加瘦肉、鱼、禽类、豆类、蛋类等富含优质蛋白质的食物的摄入。'}}</div>
              <div style="margin-top:5px;margin-left: 5px;">体重：{{contents.weight>Weight_s?'偏重':'偏轻'}}</div>
              <div style="margin-top:5px;margin-left: 5px;margin-bottom: 5px;">建议：{{contents.weight>Weight_s?'减少高热量食物的摄入，特别是高糖、高脂肪和高盐的食物、多吃新鲜蔬菜和水果，提供足够的膳食纤维和维生素、适量运动。':'优先选择富含蛋白质、脂肪和碳水化合物的食物，如瘦肉、鱼类、禽类、全脂奶制品、坚果和种子等'}}</div>
            </div>
            <!-- 隐藏 -->
    <!-- <div style="width: 100%; height: 40px; background-color: #2AB28B; margin-top: 10px; display: flex;">
      <div><img src="../.././assets/img/12.jpg" style="height: 40px" alt="" /></div>
      <div style="font-size: 20px; margin-left: 10px; line-height: 40px; color: #fff;">儿童生长发育报告解析</div>
    </div>
    <div style="width: 1053px;padding:10px 10px;border: 1px solid #09a578;margin-top: 10px;padding-bottom: 90px;">
      <div style="  font-weight: 900;font-size: 18px;text-align: center;color: #606266;">您的BMI值为</div>
      <div style="display:flex;text-align: center;width: 25%;margin:auto;justify-content: space-between;margin-top: 10px;">
        <div style=" font-size: 48px;text-align: center; font-weight: 900;">{{ BMIs }}</div>
         <div style="font-size: 48px;text-align: center;color: #E2CB50; font-weight: 900;">{{ BMIs<18.5?'偏瘦': BMIs >= 18.5 && BMIs< 24 ? '正常': BMIs >= 24 && BMIs < 28 ? '偏胖':'肥胖'}}</div>
      </div>
      <div class="fen">
        <div class="fens">
          <img src="../assets/img/Evaluation_Result_biao.svg" alt="" :style="{'margin-left':'93%','margin-top':'-100%'}">
        </div>
        <div class="fenss">
          <div class="one"></div>
          <div class="one">18.5</div>
          <div class="one">24.0</div>
          <div class="one">28.0</div>
        </div>
        <div class="fensss">
          <div class="one"><div class="lei" :style="{'background':'#5394D0'}">偏瘦</div></div>
          <div class="one"><div class="lei" :style="{'background':'#67C23A'}">正常</div></div>
          <div class="one"><div class="lei" :style="{'background':'#E2CB50'}">偏胖</div></div>
          <div class="one"><div class="lei" :style="{'background':'#E27350'}">肥胖</div></div>
        </div>
      </div>
      
    </div>
      <div style="width: 1053px;border: 1px solid #09a578;padding: 10px 10px;margin-top: 10px;">
        <div>BMI是指身体质量指数，它是结合了身高和体重2个因素来判断人体胖瘦程度以及是否健康的一个标准。</div>
        <div>BMI在18.5-24之间是正常的BMI低于18.5考虑为体重过轻;24-27之间为超重;超过27以上为肥胖。</div>
        <div> BMI过低，体重通常较轻，对于此类人群体内的钙和维生素D较难被机体吸收。在此种情况下，骨骼发育不健全，身体的骨骼会变得脆弱儿童BMI数值过高可能会造成糖尿病、高血压、性早熟等并发症，所以在发现异常的时候需要及时的到医院进行相关的检查，积极处理和治疗。如改变不良的生活习惯，调整饮食，适当增加运动等。</div>
    </div> -->


          <!-- 体成分数据分析 -->
          <!-- <div style="margin-top:300px;"> -->
          <div style="page-break-before: always" v-if="type_3 == 'true'">
            <div style="">
              <div style=" width: 100%; background-color:#2ab28b;  text-align: center; margin:auto">
                <!-- <div style="font-size: 40px; font-weight: bold; color: #ffffff;padding-top:20px;">{{ Titlename }}</div> -->
                <!-- <span style="font-size: 30px; color: #666666; margin-left: 20px;display: block;">基本信息报告</span> -->
                <div
                  style="margin-top:30px;font-size: 24px;padding-bottom: 20px;font-weight: bold;padding-top: 20px;color:#333333;">
                  儿童体质测评分析报告单</div>
              </div>
            </div>
            <!-- <div style=" page-break-after:inherit;"></div> -->
            <div style="
                  width: 100%;
                  height: 40px;
                  background-color: rgb(42, 178, 139);
                  margin-top: 5px;
                  display: flex;
                ">
              <div>
                <img src="../../assets/img/13.jpg" style="height: 40px" alt="" />
              </div>
              <div style="
                    font-size: 20px;
                    margin-left: 10px;
                    line-height: 40px;
                    color: #fff;
                  ">
                体成分数据分析
              </div>
            </div>
            <ChildViewprint></ChildViewprint>
          </div>
          <!-- 儿童膳食结构(FFQ)与行为认知训练报告单 -->
          <div style="display: flex; page-break-before: always">
            <div style=" width: 100%; background-color:#2ab28b;  text-align: center; margin:auto">
              <div style="font-size: 24px;padding-bottom: 20px;font-weight: bold;padding-top: 20px;color:#333333;">
                儿童膳食结构(FFQ)与行为认知训练报告单</div>
            </div>
          </div>
          <!-- 膳食结构分析(日均值) -->
          <div style="
                width: 100%;
                height: 40px;
                background-color: rgb(42, 178, 139);
                margin-top: 20px;
                display: flex;
              ">
            <div>
              <img src="../../assets/img/19.jpg" style="height: 40px" alt="" />
            </div>
            <div style="
                  font-size: 20px;
                  margin-left: 10px;
                  line-height: 40px;
                  color: #fff;
                ">
              膳食结构分析(日均值)
            </div>
          </div>
          <!-- <div style=" page-break-after:left;"></div> -->
          <div style="
                width: 98%;
                border: 2px solid #09a578;
                text-align: center;
                line-height: 40px;
                margin-top: 5px;
                font-size:12px;
              ">
            <div style="display: flex">
              <div class="biao1" style="width: 12.5%">膳食结构</div>

              <div class="biao7" :style="item.product_energy < item.systam_down
                  ? 'color:red'
                  : item.product_energy >= item.systam_down &&
                    item.product_energy <= item.systam_up
                    ? 'color:black'
                    : 'color:red'
                " v-for="(item, index) in pagoda" :key="index" style="width: 12.5%">
                {{
                  item.title == undefined
                  ? ""
                  : item.product_energy < item.systam_down ? "▼" + item.title : item.product_energy >= item.systam_down &&
                    item.product_energy <= item.systam_up ? "✔" + item.title : "▲" + item.title }} </div>
              </div>
              <div style="display: flex">
                <div class="biao1" style="width: 12.5%">推荐(g)</div>
                <div class="biao7" v-for="(item, index) in pagoda" :key="index" style="width: 12.5%">
                  {{
                    item.title == undefined
                    ? ""
                    : item.systam_down + "~" + item.systam_up
                  }}
                </div>
              </div>
              <div style="display: flex">
                <div class="biao5" style="width: 12.5%">实际</div>
                <div class="biao7" v-for="(item, index) in pagoda" :key="index" style="width: 12.5%">
                  {{ item.title == undefined ? "" : (item.product_energy).toFixed(2) }}
                </div>
              </div>
              <div style="display:flex;">
                <div class="biao5" style="width:12.5%">占比</div>
                <div class="biao7" v-for="(item, index) in pagoda" :key="index" style="width:12.5%">
                  {{ item.product_energy < item.systam_down ?
                    Math.floor((item.product_energy - item.systam_down) / item.systam_down * 100 * 100) / 100 + '%' :
                    item.product_energy >= item.systam_down && item.product_energy <= item.systam_up ? 100 + '%' :
                      item.product_energy > item.systam_up ? '+' +
                        Math.floor(((item.product_energy - item.systam_up) / item.systam_up + 1) * 100 * 100) / 100 + '%' : '' }}
                </div>
              </div>
            </div>

            
           <!-- 膳食评价 -->
           <ChildViewDietary></ChildViewDietary>

            
            <!-- <div style=" page-break-after:left;"></div> -->
            <div style="
                width: 100%;
                height: 40px;
                background-color: rgb(42, 178, 139);
                margin-top: 5px;
                display: flex;
                page-break-before: always;
              ">
              <div>
                <img src="../../assets/img/17.jpg" style="height: 40px" alt="" />
              </div>
              <div style="
                  font-size: 20px;
                  margin-left: 10px;
                  line-height: 40px;
                  color: #fff;
                ">
                能量&营养摄入量分析
              </div>
            </div>
            <!-- <div style=" page-break-after:left;"></div> -->
            <div style="width: 99%; border: 2px solid #09a578; margin-top: 5px">
              <div style="display: flex">
                <div class="biao1" style="
                    width: 11%;
                    line-height: 20px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                  ">
                  能量
                </div>
                <div class="biao4" style="width: 89%; padding-left: 5px">
                  <div v-html="energys"></div>
                </div>
              </div>
              <div style="display: flex">
                <div class="biao1" style="
                    width: 11%;
                    line-height: 20px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                  ">
                  蛋白质
                </div>
                <div class="biao4" style="width: 89%; padding-left: 5px">
                  <div v-html="proteins"></div>
                </div>
              </div>
              <div style="display: flex">
                <div class="biao1" style="
                    width: 11%;
                    line-height: 20px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                  ">
                  脂肪
                </div>
                <div class="biao4" style="width: 89%; padding-left: 5px">
                  <div v-html="fats"></div>
                </div>
              </div>
              <div style="display: flex">
                <div class="biao1" style="
                    width: 11%;
                    line-height: 20px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                  ">
                  碳水化合物
                </div>
                <div class="biao4" style="width: 89%; padding-left: 5px">
                  <div v-html="carbohydrates"></div>
                </div>
              </div>
              <div style="display: flex">
                <div class="biao1" style="
                    width: 11%;
                    line-height: 20px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                  ">
                  钙
                </div>
                <div class="biao4" style="width: 89%; padding-left: 5px">
                  <div v-html="calciums"></div>
                </div>
              </div>
              <div style="display: flex">
                <div class="biao1" style="
                    width: 11%;
                    line-height: 20px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                  ">
                  钠
                </div>
                <div class="biao4" style="width: 89%; padding-left: 5px">
                  <div v-html="sodiums"></div>
                </div>
              </div>
              <div style="display: flex">
                <div class="biao1" style="
                    width: 11%;
                    line-height: 20px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                  ">
                  镁
                </div>
                <div class="biao4" style="width: 89%; padding-left: 5px">
                  <div v-html="magnesiums"></div>
                </div>
              </div>
              <div style="display: flex">
                <div class="biao1" style="
                    width: 11%;
                    line-height: 20px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                  ">
                  铁
                </div>
                <div class="biao4" style="width: 89%; padding-left: 5px">
                  <div v-html="irons"></div>
                </div>
              </div>
              <div style="display: flex">
                <div class="biao1" style="
                    width: 11%;
                    line-height: 20px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                  ">
                  锌
                </div>
                <div class="biao4" style="width: 89%; padding-left: 5px">
                  <div v-html="zincs"></div>
                </div>
              </div>
              <div style="display: flex">
                <div class="biao1" style="
                    width: 11%;
                    line-height: 20px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                  ">
                  硒
                </div>
                <div class="biao4" style="width: 89%; padding-left: 5px">
                  <div v-html="seleniums"></div>
                </div>
              </div>
              <div style="display: flex">
                <div class="biao1" style="
                    width: 11%;
                    line-height: 20px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                  ">
                  维生素A
                </div>
                <div class="biao4" style="width: 89%; padding-left: 5px">
                  <div v-html="vitamin_as"></div>
                </div>
              </div>
              <div style="display: flex">
                <div class="biao1" style="
                    width: 11%;
                    line-height: 20px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                  ">
                  维生素E
                </div>
                <div class="biao4" style="width: 89%; padding-left: 5px">
                  <div v-html="vitamin_es"></div>
                </div>
              </div>
              <div style="display: flex">
                <div class="biao1" style="
                    width: 11%;
                    line-height: 20px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                  ">
                  维生素B1
                </div>
                <div class="biao4" style="width: 89%; padding-left: 5px">
                  <div v-html="vitamin_b1s"></div>
                </div>
              </div>
              <div style="display: flex">
                <div class="biao1" style="
                    width: 11%;
                    line-height: 20px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                  ">
                  维生素B2
                </div>
                <div class="biao4" style="width: 89%; padding-left: 5px">
                  <div v-html="vitamin_b2s"></div>
                </div>
              </div>
              <div style="display: flex">
                <div class="biao5" style="
                    width: 11%;
                    line-height: 20px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                  ">
                  维生素C
                </div>
                <div class="biao7" style="width: 89%; padding-left: 5px">
                  <div v-html="vitamin_cs"></div>
                </div>
              </div>
            </div>
            <div style="border:2px solid #09a578;margin-top: 10px;page-break-before: always">
              <div style="font-size:20px;font-weight: bold;color:red;margin-bottom: 10px;margin-top: 10px;">
                *如对以下任何一种食物有过敏者慎用或禁用：(鸡蛋、牛奶、花生、大豆、大麦、小麦、坚果、鱼、虾)
              </div>
      <div style="padding-top: 5px ;padding-left: 5px;">
        {{letEnergy.energy<letEnergy.start?'能量不足：多食用富含蛋白质、维生素的食物，如鸡蛋、牛奶、瘦肉、西红柿、胡萝卜等、少食用含糖量高的食物、多饮水':letEnergy.energy>letEnergy.end?'能量超标：避免过多摄入高热量食物。减少高热量、高脂肪和高糖食物的摄入，特别是炸鸡、薯片、糖果等零食':''}}
      </div>
      <div style="padding-top: 5px ;padding-left: 5px;">
        {{protein.energy<protein.start?'蛋白质不足：多吃富含蛋白质的食物，如鸡肉、牛肉、鱼、虾、鸡蛋、豆类、牛奶、芝士等':protein.energy>protein.end?'蛋白质超标：减少高蛋白食物的摄入，如鸡蛋、牛奶、瘦肉等，避免摄入过多蛋白质':''}}
      </div>
      <div style="padding-top: 5px ;padding-left: 5px;">
        {{fat.energy<fat.start?'脂肪不足：多吃富含脂肪的食物如肉类、蛋类、奶制品、豆类等':fat.energy>fat.end?'脂肪超标：减少高脂肪食物的摄入，特别是饱和脂肪和反式脂肪。饱和脂肪主要存在于动物性食品中，如肥肉、全脂奶制品和某些热带植物油':''}}
      </div>
      <div style="padding-top: 5px ;padding-left: 5px;">
        {{carbohydrate.energy<carbohydrate.start?'碳水化合物不足：多吃谷类食物如水稻、小麦、玉米、大麦、燕麦、高粱等':carbohydrate.energy>carbohydrate.end?'碳水化合物超标：减少高碳水化合物食物的摄入，特别是精制糖、白面、白米等简单碳水化合物':''}}
      </div>
      <div style="padding-top: 5px ;padding-left: 5px;">
        {{calcium.energy<calcium.start?'钙不足：多吃乳制品如牛奶、酸奶、奶酪等、多吃豆制品如豆浆、豆腐、豆腐皮、豆腐干等':calcium.energy>calcium.end?'钙超标：减少高钙食物的摄入，特别是那些富含钙的乳制品（如牛奶、奶酪、酸奶）、豆制品（如豆腐、豆浆）、小鱼干和深绿色蔬菜（如菠菜、芥蓝）等':''}}
      </div>
      <div style="padding-top: 5px ;padding-left: 5px;">
        {{sodium.energy<sodium.start?'钠不足：适量吃盐、多吃富含钠的食物如海带、紫菜、芹菜、鱼类等':sodium.energy>sodium.end?'钠超标：避免摄入高盐食品，如腌制食品、加工肉类、罐头食品等':''}}
      </div>
      <div style="padding-top: 5px ;padding-left: 5px;">
        {{magnesium.energy<magnesium.start?'镁不足：多吃谷类、豆类、海鲜类等富含镁的食物如小麦、小米、玉米、大麦、荞麦、麦芽、荞麦面、高粱面、花生、豆类、螃蟹、龙虾等、适当食用富镁蔬如番茄、海带、紫菜等':magnesium.energy>magnesium.end?'镁超标：减少富含镁的食物的摄入，如坚果、全谷类、深色绿叶蔬菜以及海产品等':''}}
      </div>
      <div style="padding-top: 5px ;padding-left: 5px;">
        {{iron.energy<iron.start?'铁不足：适量进食富含铁元素的食物如猪血、羊血、鸡血、鸡肝、猪肝等动物血制品、多吃富含维生素C的食物如柑橘类水果、果汁或蔬菜汁（泥），可促进膳食铁的吸收':iron.energy>iron.end?'铁超标：减少或避免摄入富含铁的食物，如红肉、肝脏、蛋黄等':''}}
      </div>
      <div style="padding-top: 5px ;padding-left: 5px;">
        {{zinc.energy<zinc.start?'锌不足：多吃含锌高的食物如海产品（牡蛎、扇贝）、动物肝脏、蛋类、花生、核桃等':zinc.energy>zinc.end?'锌超标：减少富含锌的食物摄入，如红肉、贝类及坚果等':''}}
      </div>
      <div style="padding-top: 5px ;padding-left: 5px;">
        {{selenium.energy<selenium.start?'硒不足：多吃富含硒元素的食物如海产品（牡蛎、扇贝）、动物内脏（猪肝、鸡肝）、蛋类（鸡蛋、鸭蛋）、奶制品等':selenium.energy>selenium.end?'硒超标：应减少或避免摄入富含硒的食物，如海鲜、内脏、蘑菇等':''}}
      </div>
      <div style="padding-top: 5px ;padding-left: 5px;">
        {{vitamin_a.energy<vitamin_a.start?'维生素A不足：多吃富含维生素A的食物如胡萝卜、黄绿蔬菜、蛋类、黄色水果、菠菜、豌豆苗、红心甜薯、青椒、鱼肝油、牛奶等':vitamin_a.energy>vitamin_a.end?'维生素A超标：避免继续摄入高维生素A含量的食物或药物，如动物肝脏、鱼肝油等':''}}
      </div>
      <div style="padding-top: 5px ;padding-left: 5px;">
        {{vitamin_e.energy<vitamin_e.start?'维生素E不足：多吃富含维生素E的食物如绿色植物（生菜、菠菜、西兰花等）、坚果（核桃、杏仁、榛子等）、谷物（小麦胚芽、糙米等）、蛋黄等':vitamin_e.energy>vitamin_e.end?'维生素E超标：减少富含维生素E的食物摄入，如坚果、植物油、绿叶蔬菜等':''}}
      </div>
      <div style="padding-top: 5px ;padding-left: 5px;">
        {{vitamin_b1.energy<vitamin_b1.start?'维生素B1不足：多吃富含维生素B1的食物瘦猪肉、洋火腿、牡蛎、牛肉、牛奶、蛋、猪肝、鸡肉、鳗鱼、绿豆、芦笋、玉米、马铃薯、花椰菜、胚芽米、菠菜、芹菜、橘子、番茄等':vitamin_b1.energy>vitamin_b1.end?'维生素B1超标：减少富含维生素B1的食物的摄入量，如瘦肉、坚果、豆类、鱼类等':''}}
      </div>
      <div style="padding-top: 5px ;padding-left: 5px;">
        {{vitamin_b2.energy<vitamin_b2.start?'维生素B2不足：多吃奶制品与豆制品、动物肝脏、蔬菜、水果、鸡蛋':vitamin_b2.energy>vitamin_b2.end?'维生素B2超标：减少摄入富含维生素B2的食物，特别是黄色和橙色的食物，如胡萝卜、橙子、柚子等':''}}
      </div>
      <div style="padding-top: 5px ;padding-left: 5px;">
        {{vitamin_c.energy<vitamin_c.start?'维生素C不足：水果类：柿子、草莓、番茄、荔枝、樱桃、桃子、柚子、枇杷等。蔬菜类：苦瓜、南瓜、莴笋、白菜、红萝卜、蘑菇、大蒜、银耳、洋葱、红薯等':vitamin_c.energy>vitamin_c.end?'维生素C超标：减少食用富含维生素C的食物、增加水分摄入、避免阳光直射':''}}
      </div>
    </div>


          <div style=" margin-bottom: 10px; margin-left: 30px"></div>
       
          <!-- <div
              style="
                width: 100%;
                height: 40px;
                background-color: rgb(42, 178, 139);
                margin-top: 10px;
                display: flex;
              "
            >
              <div>
                <img src="../../assets/img/14.jpg"  style="height: 40px" alt="" />
              </div>
              <div
                style="
                  font-size: 20px;
                  margin-left: 10px;
                  line-height: 40px;
                  color: #fff;
                "
              >
                膳食记录
              </div>
            </div> -->
          <!-- <div style=" page-break-after:left;"></div> -->
          <!-- <div
              style="
                width: 98%;
                border: 2px solid #09a578;
                text-align: center;
                font-size: 12px;
                margin-top: 10px;
                margin-left: 10px;
              "
            >
              <div style="display: flex">
                <div
                  class="biao1"
                  style="width: 16%; height: 40px; line-height: 40px"
                >
                  菜名
                </div>
                <div
                  class="biao1"
                  style="width: 12%; height: 40px; line-height: 40px"
                >
                  能量
                </div>
                <div
                  class="biao1"
                  style="width: 12%; height: 40px; line-height: 40px"
                >
                  脂肪
                </div>
                <div
                  class="biao1"
                  style="width: 12%; height: 40px; line-height: 40px"
                >
                  钙
                </div>
                <div
                  class="biao1"
                  style="width: 12%; height: 40px; line-height: 40px"
                >
                  镁
                </div>
                <div
                  class="biao1"
                  style="width: 12%; height: 40px; line-height: 40px"
                >
                  锌
                </div>
                <div
                  class="biao1"
                  style="width: 12%; height: 40px; line-height: 40px"
                >
                  维生素A
                </div>
                <div
                  class="biao1"
                  style="width: 12%; height: 40px; line-height: 40px"
                >
                  维生素B1
                </div>
              </div>
              <div v-for="(item, index) in diet" :key="index">
                <div style="display: flex">
                  <div
                    class="biao2"
                    style="width: 16%; height: 40px; line-height: 40px"
                  >
                    {{ item.food_name }}
                  </div>
                  <div
                    class="biao2"
                    style="width: 12%; height: 40px; line-height: 40px"
                  >
                    {{ item.energy ? Math.floor(item.energy * 100) / 100 : 0 }}
                  </div>
                  <div
                    class="biao2"
                    style="width: 12%; height: 40px; line-height: 40px"
                  >
                    {{ item.fat ? Math.floor(item.fat * 100) / 100 : 0 }}
                  </div>
                  <div
                    class="biao2"
                    style="width: 12%; height: 40px; line-height: 40px"
                  >
                    {{ item.calcium ? Math.floor(item.calcium * 100) / 100  : 0 }}
                  </div>
                  <div
                    class="biao2"
                    style="width: 12%; height: 40px; line-height: 40px"
                  >
                    {{ item.magnesium ?Math.floor(item.magnesium * 100) / 100  : 0 }}
                  </div>
                  <div
                    class="biao2"
                    style="width: 12%; height: 40px; line-height: 40px"
                  >
                    {{ item.zinc ? Math.floor(item.zinc * 100) / 100  : 0 }}
                  </div>
                  <div
                    class="biao2"
                    style="width: 12%; height: 40px; line-height: 40px"
                  >
                    {{ item.vitamin_a ? Math.floor(item.vitamin_a * 100) / 100  : 0 }}
                  </div>
                  <div
                    class="biao2"
                    style="width: 12%; height: 40px; line-height: 40px"
                  >
                    {{ item.vitamin_b1 ? Math.floor(item.vitamin_b1 * 100) / 100 : 0 }}
                  </div>
                </div>
              </div>
            </div>
            <div
              style="
                width: 98%;
                border: 2px solid #09a578;
                text-align: center;
                font-size: 12px;
                margin-top: 10px;
                margin-left: 10px;
              "
            >
              <div style="display: flex">
                <div
                  class="biao1"
                  style="width: 16%; height: 40px; line-height: 40px"
                >
                  菜名
                </div>
                <div
                  class="biao1"
                  style="width: 10.5%; height: 40px; line-height: 40px"
                >
                  维生素C
                </div>
                <div
                  class="biao1"
                  style="width: 10.5%; height: 40px; line-height: 40px"
                >
                  蛋白质
                </div>
                <div
                  class="biao1"
                  style="width: 10.5%; height: 40px; line-height: 40px"
                >
                  碳水
                </div>
                <div
                  class="biao1"
                  style="width: 10.5%; height: 40px; line-height: 40px"
                >
                  钠
                </div>
                <div
                  class="biao1"
                  style="width: 10.5%; height: 40px; line-height: 40px"
                >
                  铁
                </div>
                <div
                  class="biao1"
                  style="width: 10.5%; height: 40px; line-height: 40px"
                >
                  硒
                </div>
                <div
                  class="biao1"
                  style="width: 10.5%; height: 40px; line-height: 40px"
                >
                  维生素E
                </div>
                <div
                  class="biao3"
                  style="width: 10.5%; height: 40px; line-height: 40px"
                >
                  维生素B2
                </div>
              </div>

              <div v-for="(item, index) in diet" :key="index">
                <div style="display: flex">
                  <div
                    class="biao2"
                    style="width: 16%; height: 40px; line-height: 40px"
                  >
                    {{ item.food_name }}
                  </div>
                  <div
                    class="biao2"
                    style="width: 10.5%; height: 40px; line-height: 40px"
                  >
                    {{ item.vitamin_c ? Math.floor(item.vitamin_c * 100) / 100 : 0 }}
                  </div>
                  <div
                    class="biao2"
                    style="width: 10.5%; height: 40px; line-height: 40px"
                  >
                    {{ item.protein ? Math.floor(item.protein * 100) / 100 : 0 }}
                  </div>
                  <div
                    class="biao2"
                    style="width: 10.5%; height: 40px; line-height: 40px"
                  >
                    {{ item.carbohydrate ?   Math.floor(item.carbohydrate * 100) / 100   : 0 }}
                  </div>
                  <div
                    class="biao2"
                    style="width: 10.5%; height: 40px; line-height: 40px"
                  >
                    {{ item.sodium ? Math.floor(item.sodium * 100) / 100   : 0 }}
                  </div>
                  <div
                    class="biao2"
                    style="width: 10.5%; height: 40px; line-height: 40px"
                  >
                    {{ item.iron ? Math.floor(item.iron * 100) / 100  : 0 }}
                  </div>
                  <div
                    class="biao2"
                    style="width: 10.5%; height: 40px; line-height: 40px"
                  >
                    {{ item.selenium ? Math.floor(item.selenium * 100) / 100 : 0 }}
                  </div>
                  <div
                    class="biao2"
                    style="width: 10.5%; height: 40px; line-height: 40px"
                  >
                    {{ item.vitamin_e ? Math.floor(item.vitamin_e * 100) / 100  : 0 }}
                  </div>
                  <div
                    class="biao2"
                    style="width: 10.5%; height: 40px; line-height: 40px"
                  >
                    {{ item.vitamin_b2 ?   Math.floor(item.vitamin_b2 * 100) / 100   : 0 }}
                  </div>
                </div>
              </div>
            </div> -->

             <!-- 儿童营养疾病膳食营养干预方案报告单 -->

             <div style="display: flex; margin-top: 5px; page-break-before: always">
              <!-- <div style="display: flex; margin-top: 5px;margin-top:200px;"> -->
              <div style=" width: 100%; background-color:#2ab28b;  text-align: center; margin:auto">
                <!-- <div style="font-size: 40px; font-weight: bold; color: #ffffff;padding-top:20px;">{{ Titlename }}</div> -->
                <!-- <span style="font-size: 30px; color: #666666; margin-left: 20px;display: block;">基本信息报告</span> -->
                <div style="font-size: 24px;padding-bottom: 20px;font-weight: bold;padding-top: 20px;color:#333333;">
                  儿童营养疾病膳食营养干预方案报告单</div>
              </div>
            </div>
            <div style="
                width: 100%;
                height: 40px;
                background-color: rgb(42, 178, 139);
                margin-top: 10px;
                display: flex;
              ">
              <div>
                <img src="../../assets/img/21.jpg" style="height: 40px" alt="" />
              </div>
              <div style="
                  font-size: 20px;
                  margin-left: 10px;
                  line-height: 40px;
                  color: #fff;
                ">
                儿童饮食及生活方式原则
              </div>
            </div>
            <div style="
                width: 98%;
                min-height: 150px;
                border: 2px solid #09a578;
                margin-top: 10px;
                padding-left: 10px;
              " v-html="principle"></div>

            
            <div style="
                width: 99%;
                height: 40px;
                background-color: rgb(42, 178, 139);
                margin-top: 20px;
                display: flex;
                page-break-before: always;
              ">
              <div>
                <img src="../.././assets/img/23.jpg" style="height: 40px" alt="" />
              </div>
              <div style="
                  font-size: 20px;
                  margin-left: 10px;
                  line-height: 40px;
                  color: #fff;
                ">
                一周膳食清单
              </div>
            </div>
            <div style="border: 1px solid #09a578; width: 99%; padding-bottom: 20px">
              <div class="dietOn" v-for="item in diet_analysis" :key="item">
                <div class="time-botton">
                  <img src="../../assets/img/evaluaction_service_icon.png" alt="" style="width: 15px; height: 15px" />
                  {{ item.pName }}
                </div>

                <div style="display: flex">
                  <div class="plates" style="margin-left: 10px">
                    <div class="time-type time-left-color">早餐</div>
                    <div class="der">
                      <div style="margin-left: 6%; padding-top: 6%">
                        <span class="plates-top-img" v-for="breakfast in item.早餐" :key="breakfast"><img
                            v-if="breakfast.meal_image" :src="'http://' + baseUrl + '/' + breakfast.meal_image
                              " alt="" style="width: 100%; height: 100%" /></span>
                        <span class="plates-top-img" v-for="earlier in item.早点" :key="earlier"><img
                            v-if="earlier.meal_image" :src="'http://' + baseUrl + '/' + earlier.meal_image" alt=""
                            style="width: 100%; height: 100%" /></span>
                      </div>
                    </div>
                    <div class="platesFoods">
                      <div>大小：{{ item.multiple }}倍</div>
                      <div>
                        早餐7:00:
                        <span v-for="breakfast in item.早餐" :key="breakfast">
                          <o class="foodsNames" v-if="breakfast.food_name">{{ breakfast.food_name }}</o>
                          <o class="foodsNames" v-if="breakfast.food_name"> 重量:{{ breakfast.weight }}g;</o>
                        </span>
                      </div>
                      <div>
                        早点10:00:
                        <span v-for="earlier in item.早点" :key="earlier">
                          <o class="foodsNames" v-if="earlier.food_name">{{ earlier.food_name }}</o>
                          <o class="foodsNames" v-if="earlier.food_name"> 重量:{{ earlier.weight }}g;</o>
                        </span>
                      </div>
                    </div>
                  </div>

                  <div class="plates">
                    <div class="time-type time-common-color">午餐</div>
                    <div class="der">
                      <div style="">
                        <span class="plates-top-img" v-for="lunch in item.午餐" :key="lunch"><img v-if="lunch.meal_image"
                            :src="'http://' + baseUrl + '/' + lunch.meal_image" alt=""
                            style="width: 100%; height: 100%" /></span>
                        <span class="plates-top-img" v-for="noon in item.午点" :key="noon"><img v-if="noon.meal_image"
                            :src="'http://' + baseUrl + '/' + noon.meal_image" alt=""
                            style="width: 100%; height: 100%" /></span>
                      </div>
                    </div>

                    <div class="platesFoods">
                      <div>大小：{{ item.multiple }}倍</div>
                      <div>
                        午餐12:00:
                        <span v-for="lunch in item.午餐" :key="lunch">
                          <o class="foodsNames" v-if="lunch.food_name">{{ lunch.food_name }}</o>
                          <o class="foodsNames" v-if="lunch.food_name"> 重量:{{ lunch.weight }}g;</o>
                        </span>
                      </div>
                      <div>
                        午点15:00:
                        <span v-for="noon in item.午点" :key="noon">
                          <o class="foodsNames" v-if="noon.food_name">{{ noon.food_name }}</o>
                          <o class="foodsNames" v-if="noon.food_name"> 重量:{{ noon.weight }}g;</o>
                        </span>
                      </div>
                    </div>
                  </div>

                  <div class="plates">
                    <div class="time-type time-right-color">晚餐</div>
                    <div class="der">
                      <div style="margin-left: 6%; padding-top: 6%">
                        <span class="plates-top-img" v-for="dinner in item.晚餐" :key="dinner"><img v-if="dinner.meal_image"
                            :src="'http://' + baseUrl + '/' + dinner.meal_image" alt=""
                            style="width: 100%; height: 100%" /></span>
                        <span class="plates-top-img" v-for="late in item.晚点" :key="late"><img v-if="late.meal_image"
                            :src="'http://' + baseUrl + '/' + late.meal_image" alt=""
                            style="width: 100%; height: 100%" /></span>
                      </div>
                    </div>

                    <div class="platesFoods">
                      <div>大小：{{ item.multiple }}倍</div>
                      <div>
                        晚餐18:00:
                        <span v-for="dinner in item.晚餐" :key="dinner">
                          <o class="foodsNames" v-if="dinner.food_name">{{ dinner.food_name }}</o>
                          <o class="foodsNames" v-if="dinner.food_name">重量:{{ dinner.weight }}g;</o>
                        </span>
                      </div>
                      <div>
                        晚点21:00:
                        <span v-for="late in item.晚点" :key="late">
                          <o class="foodsNames" v-if="late.food_name">{{ late.food_name }}</o>
                          <o class="foodsNames" v-if="late.food_name"> 重量:{{ late.weight }}g;</o>
                        </span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div style="
                border: 2px solid #09a578;
                width: 99%;
                padding-bottom: 20px;
                page-break-before: always;
              ">
              <div class="dietOn" v-for="item in diet_analysis1" :key="item">
                <div class="time-botton">
                  <img src="../../assets/img/evaluaction_service_icon.png" alt="" style="width: 15px; height: 15px" />
                  {{ item.pName }}
                </div>

                <div style="display: flex">
                  <div class="plates" style="margin-left: 10px">
                    <div class="time-type time-left-color">早餐</div>
                    <div class="der">
                      <div style="margin-left: 6%; padding-top: 6%">
                        <span class="plates-top-img" v-for="breakfast in item.早餐" :key="breakfast"><img
                            v-if="breakfast.meal_image" :src="'http://' + baseUrl + '/' + breakfast.meal_image
                              " alt="" style="width: 100%; height: 100%" /></span>
                        <span class="plates-top-img" v-for="earlier in item.早点" :key="earlier"><img
                            v-if="earlier.meal_image" :src="'http://' + baseUrl + '/' + earlier.meal_image" alt=""
                            style="width: 100%; height: 100%" /></span>
                      </div>
                    </div>
                    <div class="platesFoods">
                      <div>大小：{{ item.multiple }}倍</div>
                      <div>
                        早餐7:00:
                        <span v-for="breakfast in item.早餐" :key="breakfast">
                          <o class="foodsNames" v-if="breakfast.food_name">{{ breakfast.food_name }}</o>
                          <o class="foodsNames" v-if="breakfast.food_name">重量:{{ breakfast.weight }}g;</o>
                        </span>
                      </div>
                      <div>
                        早点10:00:
                        <span v-for="earlier in item.早点" :key="earlier">
                          <o class="foodsNames" v-if="earlier.food_name">{{ earlier.food_name }}</o>
                          <o class="foodsNames" v-if="earlier.food_name">重量:{{ earlier.weight }}g;</o>
                        </span>
                      </div>
                    </div>
                  </div>

                  <div class="plates">
                    <div class="time-type time-common-color">午餐</div>
                    <div class="der">
                      <div style="">
                        <span class="plates-top-img" v-for="lunch in item.午餐" :key="lunch"><img v-if="lunch.meal_image"
                            :src="'http://' + baseUrl + '/' + lunch.meal_image" alt=""
                            style="width: 100%; height: 100%" /></span>
                        <span class="plates-top-img" v-for="noon in item.午点" :key="noon"><img v-if="noon.meal_image"
                            :src="'http://' + baseUrl + '/' + noon.meal_image" alt=""
                            style="width: 100%; height: 100%" /></span>
                      </div>
                    </div>

                    <div class="platesFoods">
                      <div>大小：{{ item.multiple }}倍</div>
                      <div>
                        午餐12:00:
                        <span v-for="lunch in item.午餐" :key="lunch">
                          <o class="foodsNames" v-if="lunch.food_name">{{ lunch.food_name }}</o>
                          <o class="foodsNames" v-if="lunch.food_name"> 重量:{{ lunch.weight }}g;</o>
                        </span>
                      </div>
                      <div>
                        午点15:00:
                        <span v-for="noon in item.午点" :key="noon">
                          <o class="foodsNames" v-if="noon.food_name">{{ noon.food_name }}</o>
                          <o class="foodsNames" v-if="noon.food_name"> 重量:{{ noon.weight }}g;</o>
                        </span>
                      </div>
                    </div>
                  </div>

                  <div class="plates">
                    <div class="time-type time-right-color">晚餐</div>
                    <div class="der">
                      <div style="margin-left: 6%; padding-top: 6%">
                        <span class="plates-top-img" v-for="dinner in item.晚餐" :key="dinner"><img v-if="dinner.meal_image"
                            :src="'http://' + baseUrl + '/' + dinner.meal_image" alt=""
                            style="width: 100%; height: 100%" /></span>
                        <span class="plates-top-img" v-for="late in item.晚点" :key="late"><img v-if="late.meal_image"
                            :src="'http://' + baseUrl + '/' + late.meal_image" alt=""
                            style="width: 100%; height: 100%" /></span>
                      </div>
                    </div>

                    <div class="platesFoods">
                      <div>大小：{{ item.multiple }}倍</div>
                      <div>
                        晚餐18:00:
                        <span v-for="dinner in item.晚餐" :key="dinner">
                          <o class="foodsNames" v-if="dinner.food_name">{{ dinner.food_name }}</o>
                          <o class="foodsNames" v-if="dinner.food_name"> 重量:{{ dinner.weight }}g;</o>
                        </span>
                      </div>
                      <div>
                        晚点21:00:
                        <span v-for="late in item.晚点" :key="late">
                          <o class="foodsNames" v-if="late.food_name">{{ late.food_name }}</o>
                          <o class="foodsNames" v-if="late.food_name"> 重量:{{ late.weight }}g;</o>
                        </span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div style="
                border: 2px solid #09a578;
                width: 99%;
                padding-bottom: 20px;
                page-break-before: always;
              ">
              <div class="dietOn" v-for="item in diet_analysis2" :key="item">
                <div class="time-botton">
                  <img src="../../assets/img/evaluaction_service_icon.png" alt="" style="width: 15px; height: 15px" />
                  {{ item.pName }}
                </div>

                <div style="display: flex">
                  <div class="plates" style="margin-left: 10px">
                    <div class="time-type time-left-color">早餐</div>
                    <div class="der">
                      <div style="margin-left: 6%; padding-top: 6%">
                        <span class="plates-top-img" v-for="breakfast in item.早餐" :key="breakfast"><img
                            v-if="breakfast.meal_image" :src="'http://' + baseUrl + '/' + breakfast.meal_image
                              " alt="" style="width: 100%; height: 100%" /></span>
                        <span class="plates-top-img" v-for="earlier in item.早点" :key="earlier"><img
                            v-if="earlier.meal_image" :src="'http://' + baseUrl + '/' + earlier.meal_image" alt=""
                            style="width: 100%; height: 100%" /></span>
                      </div>
                    </div>
                    <div class="platesFoods">
                      <div>大小：{{ item.multiple }}倍</div>
                      <div>
                        早餐7:00:
                        <span v-for="breakfast in item.早餐" :key="breakfast">
                          <o class="foodsNames" v-if="breakfast.food_name">{{ breakfast.food_name }}</o>
                          <o class="foodsNames" v-if="breakfast.food_name"> 重量:{{ breakfast.weight }}g;</o>
                        </span>
                      </div>
                      <div>
                        早点10:00:
                        <span v-for="earlier in item.早点" :key="earlier">
                          <o class="foodsNames" v-if="earlier.food_name">{{ earlier.food_name }}</o>
                          <o class="foodsNames" v-if="earlier.food_name"> 重量:{{ earlier.weight }}g;</o>
                        </span>
                      </div>
                    </div>
                  </div>

                  <div class="plates">
                    <div class="time-type time-common-color">午餐</div>
                    <div class="der">
                      <div style="">
                        <span class="plates-top-img" v-for="lunch in item.午餐" :key="lunch"><img v-if="lunch.meal_image"
                            :src="'http://' + baseUrl + '/' + lunch.meal_image" alt=""
                            style="width: 100%; height: 100%" /></span>
                        <span class="plates-top-img" v-for="noon in item.午点" :key="noon"><img v-if="noon.meal_image"
                            :src="'http://' + baseUrl + '/' + noon.meal_image" alt=""
                            style="width: 100%; height: 100%" /></span>
                      </div>
                    </div>

                    <div class="platesFoods">
                      <div>大小：{{ item.multiple }}倍</div>
                      <div>
                        午餐12:00:
                        <span v-for="lunch in item.午餐" :key="lunch">
                          <o class="foodsNames" v-if="lunch.food_name">{{ lunch.food_name }}</o>
                          <o class="foodsNames" v-if="lunch.food_name"> 重量:{{ lunch.weight }}g;</o>
                        </span>
                      </div>
                      <div>
                        午点15:00:
                        <span v-for="noon in item.午点" :key="noon">
                          <o class="foodsNames" v-if="noon.food_name">{{ noon.food_name }}</o>
                          <o class="foodsNames" v-if="noon.food_name"> 重量:{{ noon.weight }}g;</o>
                        </span>
                      </div>
                    </div>
                  </div>

                  <div class="plates">
                    <div class="time-type time-right-color">晚餐</div>
                    <div class="der">
                      <div style="margin-left: 6%; padding-top: 6%">
                        <span class="plates-top-img" v-for="dinner in item.晚餐" :key="dinner"><img v-if="dinner.meal_image"
                            :src="'http://' + baseUrl + '/' + dinner.meal_image" alt=""
                            style="width: 100%; height: 100%" /></span>
                        <span class="plates-top-img" v-for="late in item.晚点" :key="late"><img v-if="late.meal_image"
                            :src="'http://' + baseUrl + '/' + late.meal_image" alt=""
                            style="width: 100%; height: 100%" /></span>
                      </div>
                    </div>

                    <div class="platesFoods">
                      <div>大小：{{ item.multiple }}倍</div>
                      <div>
                        晚餐18:00:
                        <span v-for="dinner in item.晚餐" :key="dinner">
                          <o class="foodsNames" v-if="dinner.food_name">{{ dinner.food_name }}</o>
                          <o class="foodsNames" v-if="dinner.food_name"> 重量:{{ dinner.weight }}g;</o>
                        </span>
                      </div>
                      <div>
                        晚点21:00:
                        <span v-for="late in item.晚点" :key="late">
                          <o class="foodsNames" v-if="late.food_name">{{ late.food_name }}</o>
                          <o class="foodsNames" v-if="late.food_name"> 重量:{{ late.weight }}g;</o>
                        </span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            
              <div style="
                width: 98%;
                height: 40px;
                background-color: rgb(42, 178, 139);
                margin-top: 10px;
                display: flex;
              ">
              <div>
                <img src="../../assets/img/24.png" style="height: 40px" alt="" />
              </div>
              <div style="
                  font-size: 20px;
                  margin-left: 10px;
                  line-height: 40px;
                  color: #fff;
                ">
                食物选择建议
              </div>
            </div>
            <div style="
                padding: 10px 10px;
                border: 2px solid #09a578;
                width: 97%;
                min-height: 500px;
                margin-top: 5px;
              ">
               <div style="font-size:20px;font-weight: bold;color:red;margin-bottom: 10px;">
              *如对以下任何一种食物有过敏者慎用或禁用：(鸡蛋、牛奶、花生、大豆、大麦、小麦、坚果、鱼、虾)
            </div>
              <div v-for="(item, index) in pagoda" :key="index">
                {{
                  proposal.filter((ite, index) => {
                    return ite.food_product_id == item.food_product_id;
                  })[0] == undefined
                  ? ""
                  : item.title
                }}
                <div>
                  <div v-if="item.product_energy < item.systam_down">
                    {{
                      proposal.filter((ite, index) => {
                        return ite.food_product_id == item.food_product_id;
                      })[0] == undefined
                      ? ""
                      : proposal.filter((ite, index) => {
                        return ite.food_product_id == item.food_product_id;
                      })[0].content
                    }}
                  </div>
                  <div v-if="item.product_energy > item.systam_up">
                    {{
                      proposal1.filter((ite, index) => {
                        return ite.food_product_id == item.food_product_id;
                      })[0] == undefined
                      ? ""
                      : proposal1.filter((ite, index) => {
                        return ite.food_product_id == item.food_product_id;
                      })[0].content
                    }}
                  </div>
                  <div v-if="item.product_energy >= item.systam_down &&
                      item.product_energy <= item.systam_up
                      ">
                    {{
                      proposal2.filter((ite, index) => {
                        return ite.food_product_id == item.food_product_id;
                      })[0] == undefined
                      ? ""
                      : proposal2.filter((ite, index) => {
                        return ite.food_product_id == item.food_product_id;
                      })[0].content
                    }}
                  </div>
                </div>
              </div>
            </div>
            
            <!-- 孕期营养处方 -->
            <div style="display: flex; margin-top: 10px">
              <!-- <div style="width: 100%;background-color:#2ab28b;height: 100px;text-align: center;line-height: 100px; " >
                <span style="font-size: 30px; font-weight: bold; color: #ffffff" >儿童</span><span style="font-size: 30px; color: #666666; margin-left: 20px" >营养处方报告</span>
              </div> -->
              <!-- <div style="display: flex; width: 100%;margin-top:1000px;"> -->
              <div style="display: flex; width: 100%; page-break-before: always">
                <div style=" width: 100%; background-color:#2ab28b;  text-align: center; margin:auto">
                  <!-- <div style="font-size: 40px; font-weight: bold; color: #ffffff;padding-top:20px;">{{ Titlename }}</div> -->
                  <!-- <span style="font-size: 30px; color: #666666; margin-left: 20px;display: block;">基本信息报告</span> -->
                  <div style="font-size: 24px;padding-bottom: 20px;font-weight: bold;padding-top: 20px;color:#333333;">
                    儿童营养综合评价建议报告单</div>
                </div>
              </div>
            </div>
            <!-- 运动处方 -->
            <div style="
                width: 100%;
                height: 40px;
                background-color: rgb(42, 178, 139);
                margin-top: 10px;
                display: flex;
              ">
              <div>
                <img src="../../assets/img/26.jpg" style="height: 40px" alt="" />
              </div>
              <div style="
                  font-size: 20px;
                  margin-left: 10px;
                  line-height: 40px;
                  color: #fff;
                ">
                喂养建议
              </div>
            </div>
            <div style="
                width: 97%;
                border: 2px solid #09a578;
                min-height: 100px;
                margin-top: 10px;
                padding: 10px 10px;
              ">
              <textarea name="" id="" cols="30" rows="10" style="width: 100%; border: none; resize: none; outline: none"
                v-model="FeedingRecommendations"></textarea>
            </div>
            <!-- 评估指导 -->
            <div style="
                width: 100%;
                height: 40px;
                background-color: rgb(42, 178, 139);
                margin-top: 10px;
                display: flex;
              ">
              <div>
                <img src="../../assets/img/27.jpg" style="height: 40px" alt="" />
              </div>
              <div style="
                  font-size: 20px;
                  margin-left: 10px;
                  line-height: 40px;
                  color: #fff;
                ">
                营养建议
              </div>
            </div>
            <div style="
                width: 97%;
                border: 2px solid #09a578;
                min-height: 100px;
                margin-top: 10px;
                padding: 10px 10px;
              ">
              <textarea name="" id="" cols="30" rows="10" style="width: 100%; border: none; resize: none; outline: none"
                v-model="NutritionRecommendations"></textarea>
            </div>
            <!-- 医生建议 -->
            <div style="
                width: 100%;
                height: 40px;
                background-color: rgb(42, 178, 139);
                margin-top: 10px;
                display: flex;
              ">
              <div>
                <img src="../../assets/img/27.jpg" style="height: 40px" alt="" />
              </div>
              <div style="
                  font-size: 20px;
                  margin-left: 10px;
                  line-height: 40px;
                  color: #fff;
                ">
                医生建议
              </div>
            </div>
            <div style="
                width: 97%;
                border: 2px solid #09a578;
                min-height: 100px;
                margin-top: 20px;
                padding: 10px 10px;
              ">
              <textarea name="" id="" cols="30" rows="10" style="width: 100%; border: none; resize: none; outline: none"
                v-model="DoctorRecommendations"></textarea>
            </div>
            <!-- 复诊预约 -->
            <div style="
                width: 100%;
                height: 40px;
                background-color: rgb(42, 178, 139);
                margin-top: 10px;
                display: flex;
              ">
              <div>
                <img src="../../assets/img/27.jpg" style="height: 40px" alt="" />
              </div>
              <div style="
                  font-size: 20px;
                  margin-left: 10px;
                  line-height: 40px;
                  color: #fff;
                ">
                复诊预约
              </div>
            </div>

         
            <!-- 一日三餐供能比 -->
            <div style="">
            <div style=" width: 100%; background-color:#2ab28b;  text-align: center; margin:auto;page-break-before: always;">
              <!-- <div style="font-size: 40px; font-weight: bold; color: #ffffff;padding-top:20px;">{{ Titlename }}</div> -->
              <!-- <span style="font-size: 30px; color: #666666; margin-left: 20px;display: block;">基本信息报告</span> -->
              <div
                style="margin-top:30px;font-size: 24px;padding-bottom: 20px;font-weight: bold;padding-top: 20px;color:#333333;">
                一日三餐供能比</div>
            </div>
          </div>
          <div
          style="width:1071px;margin:20px auto;border:2px solid #09a578;text-align:center;line-height:40px;font-size: 10px;">
          <div style="display:flex;">
            <div class="biao7" v-for="(item, index) in Catering" :key="index" style="width:25%">{{ item }} </div>
            </div>
            <div style="display:flex;">
              <div class="biao1" style="width:25%">测评能量(kcal)</div>
              <div class="biao7"  :key="index" style="width:25%">{{Math.floor(Breakfastenergy * 100) / 100}}</div>
              <div class="biao7"  :key="index" style="width:25%">{{Math.floor(Lunchenergy * 100) / 100}}</div>
              <div class="biao7"  :key="index" style="width:25%">{{Math.floor(Dinnerenergy * 100) / 100}}</div>
            </div>
            <div style="display:flex;">
              <div class="biao1" style="width:25%">推荐能量(kcal)</div>
              <div class="biao7"  :key="index" style="width:25%">{{Math.floor(BreakfastrecommendationMin * 100) / 100 + '~'+ Math.floor(BreakfastrecommendationMax * 100) / 100}}</div>
              <div class="biao7"  :key="index" style="width:25%">{{Math.floor(LunchrecommendationsMin * 100) / 100 + '~'+ Math.floor(LunchrecommendationsMax * 100) / 100}}</div>
              <div class="biao7"  :key="index" style="width:25%">{{Math.floor(DinnerrecommendationMin * 100) / 100 + '~'+ Math.floor(DinnerrecommendationMax * 100) / 100}}</div>
            </div>
            <div style="display:flex;">
              <div class="biao1" style="width:25%">推荐能量占比(%)</div>
              <div class="biao7"  :key="index" :style="Breakfastenergy<BreakfastrecommendationMin?'width:25%;color:red;':Breakfastenergy>BreakfastrecommendationMax?'width:25%;color:orange;':'width:25%;'">{{Breakfastenergy<BreakfastrecommendationMin? Math.floor((Breakfastenergy-BreakfastrecommendationMin)/BreakfastrecommendationMin*100)+'%' : Breakfastenergy>=BreakfastrecommendationMin && Breakfastenergy<=BreakfastrecommendationMax? 100+'%': Math.floor((Breakfastenergy-BreakfastrecommendationMax)/BreakfastrecommendationMax*100+100)+'%'}}</div>
              <div class="biao7"  :key="index" :style="Lunchenergy<LunchrecommendationsMin?'width:25%;color:red;':Lunchenergy>LunchrecommendationsMax?'width:25%;color:orange;':'width:25%;'">{{Lunchenergy<LunchrecommendationsMin? Math.floor((Lunchenergy-LunchrecommendationsMin)/LunchrecommendationsMin*100)+'%' : Lunchenergy>=LunchrecommendationsMin && Lunchenergy<=LunchrecommendationsMax? 100+'%': Math.floor((Lunchenergy-LunchrecommendationsMax)/LunchrecommendationsMax*100+100)+'%'}}</div>
              <div class="biao7"  :key="index" :style="Dinnerenergy<DinnerrecommendationMin?'width:25%;color:red;':Dinnerenergy>DinnerrecommendationMax?'width:25%;color:orange;':'width:25%;'">{{Dinnerenergy<DinnerrecommendationMin? Math.floor((Dinnerenergy-DinnerrecommendationMin)/DinnerrecommendationMin*100)+'%' : Dinnerenergy>=DinnerrecommendationMin && Dinnerenergy<=DinnerrecommendationMax? 100+'%': Math.floor((Dinnerenergy-DinnerrecommendationMin)/DinnerrecommendationMax*100+100)+'%'}}</div>
            </div>
            <div style="display:flex;">
              <div class="biao1" style="width:25%">一日能量占比(%)</div>
              <div class="biao7"  :key="index" style="width:25%;">{{(Breakfastenergy ? Math.floor(Breakfastenergy/(Breakfastenergy+Lunchenergy+Dinnerenergy)*100 * 100) / 100 + '%' : 0+'%')}}</div>
              <div class="biao7"  :key="index" style="width:25%;">{{(Breakfastenergy ? Math.floor(Lunchenergy/(Breakfastenergy+Lunchenergy+Dinnerenergy)*100 * 100) / 100 + '%' : 0+'%')}}</div>
              <div class="biao7"  :key="index" style="width:25%;">{{(Breakfastenergy ? Math.floor(Dinnerenergy/(Breakfastenergy+Lunchenergy+Dinnerenergy)*100 * 100) / 100 + '%' : 0 +'%')}}</div>
            </div>
            <!-- 早餐 -->
            <div class="biao1" style="width:100%;"  v-if="BreakfastList.length>0">早餐</div>
            <!-- <div style="display:flex;"  v-if="BreakfastLists>0">
             <div class="biao7" v-for="(item, index) in element1" :key="index" style="width:5.8%;">{{ item }} </div>
            </div>
            <div style="display:flex;"  v-if="BreakfastLists>0">
              <div class="biao7"  :key="index" style="white-space: nowrap;">
                <div class="biao7" v-for="(item,index) in BreakfastList" :key="index">
               {{item.food_name}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in BreakfastList" :key="index">
                 {{item.energy}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in BreakfastList" :key="index">
                 {{item.protein}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in BreakfastList" :key="index">
                 {{item.carbohydrate}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in BreakfastList" :key="index">
                 {{item.fat}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in BreakfastList" :key="index">
                 {{item.calcium}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in BreakfastList" :key="index">
                 {{item.sodium}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in BreakfastList" :key="index">
                 {{item.magnesium}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in BreakfastList" :key="index">
                 {{item.iron}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in BreakfastList" :key="index">
                 {{item.zinc}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in BreakfastList" :key="index">
                 {{item.selenium}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in BreakfastList" :key="index">
                 {{item.vitamin_a}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in BreakfastList" :key="index">
                 {{item.vitamin_e}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in BreakfastList" :key="index">
                 {{item.vitamin_b1}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in BreakfastList" :key="index">
                 {{item.vitamin_b2}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in BreakfastList" :key="index">
                 {{item.vitamin_c}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in BreakfastList" :key="index">
                 {{item.num}}
                </div>
              </div>
            </div> -->
            <el-table :data="BreakfastList" border  style="width: 100%;" v-if="BreakfastList.length>0">
            <el-table-column prop="food_name" :label="element1[0]" width="250" />
            <el-table-column prop="energy" :label="element1[1]"  width="100"/>
            <el-table-column prop="protein" :label="element1[2]" width="100" />
            <el-table-column prop="carbohydrate" :label="element1[3]" width="100" />
            <el-table-column prop="fat" :label="element1[4]" width="100" />
            <el-table-column prop="calcium" :label="element1[5]" width="100" />
            <el-table-column prop="sodium" :label="element1[6]"  width="100"/>
            <el-table-column prop="magnesium" :label="element1[7]" width="100" />
            <el-table-column prop="iron" :label="element1[8]"  width="120"/>
        
          </el-table>
           <el-table :data="BreakfastList" border   style="width: 100%;margin-bottom: 5px;" v-if="BreakfastList.length>0">
            <el-table-column prop="food_name" :label="element1[0]" width="250" />
            <el-table-column prop="zinc" :label="element1[9]"  width="100"/>
            <el-table-column prop="selenium" :label="element1[10]" width="100" />
            <el-table-column prop="vitamin_a" :label="element1[11]" width="100" />
            <el-table-column prop="vitamin_e" :label="element1[12]" width="100" />
            <el-table-column prop="vitamin_b1" :label="element1[13]"  width="100"/>
            <el-table-column prop="vitamin_b2" :label="element1[14]" width="100" />
            <el-table-column prop="vitamin_c" :label="element1[15]" width="100" />
            <el-table-column prop="num" :label="element1[16]" width="120" />
          </el-table>
            <!-- 早加餐 -->
            <div class="biao1" style="width:100%;"  v-if="BreakfastAddList.length>0">早加餐</div>
            <!-- <div style="display:flex;"  v-if="BreakfastAddLists>0">
             <div class="biao7" v-for="(item, index) in element1" :key="index" style="width:5.8%;">{{ item }} </div>
            </div>
            <div style="display:flex;"  v-if="BreakfastAddLists>0">
              <div class="biao7"  :key="index" style="white-space: nowrap;">
                <div class="biao7" v-for="(item,index) in BreakfastAddList" :key="index">
               {{item.food_name}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in BreakfastAddList" :key="index">
                 {{item.energy}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in BreakfastAddList" :key="index">
                 {{item.protein}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in BreakfastAddList" :key="index">
                 {{item.carbohydrate}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in BreakfastAddList" :key="index">
                 {{item.fat}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in BreakfastAddList" :key="index">
                 {{item.calcium}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in BreakfastAddList" :key="index">
                 {{item.sodium}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in BreakfastAddList" :key="index">
                 {{item.magnesium}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in BreakfastAddList" :key="index">
                 {{item.iron}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in BreakfastAddList" :key="index">
                 {{item.zinc}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in BreakfastAddList" :key="index">
                 {{item.selenium}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in BreakfastAddList" :key="index">
                 {{item.vitamin_a}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in BreakfastAddList" :key="index">
                 {{item.vitamin_e}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in BreakfastAddList" :key="index">
                 {{item.vitamin_b1}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in BreakfastAddList" :key="index">
                 {{item.vitamin_b2}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in BreakfastAddList" :key="index">
                 {{item.vitamin_c}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in BreakfastAddList" :key="index">
                 {{item.num}}
                </div>
              </div>
            </div> -->
            <el-table :data="BreakfastAddList" border  style="width: 100%;" v-if="BreakfastAddList.length>0">
            <el-table-column prop="food_name" :label="element1[0]" width="250" />
            <el-table-column prop="energy" :label="element1[1]"  width="100"/>
            <el-table-column prop="protein" :label="element1[2]" width="100" />
            <el-table-column prop="carbohydrate" :label="element1[3]" width="100" />
            <el-table-column prop="fat" :label="element1[4]" width="100" />
            <el-table-column prop="calcium" :label="element1[5]" width="100" />
            <el-table-column prop="sodium" :label="element1[6]"  width="100"/>
            <el-table-column prop="magnesium" :label="element1[7]" width="100" />
            <el-table-column prop="iron" :label="element1[8]"  width="120"/>
        
          </el-table>
           <el-table :data="BreakfastAddList" border   style="width: 100%;margin-bottom: 5px;" v-if="BreakfastAddList.length>0">
            <el-table-column prop="food_name" :label="element1[0]" width="250" />
            <el-table-column prop="zinc" :label="element1[9]"  width="100"/>
            <el-table-column prop="selenium" :label="element1[10]" width="100" />
            <el-table-column prop="vitamin_a" :label="element1[11]" width="100" />
            <el-table-column prop="vitamin_e" :label="element1[12]" width="100" />
            <el-table-column prop="vitamin_b1" :label="element1[13]"  width="100"/>
            <el-table-column prop="vitamin_b2" :label="element1[14]" width="100" />
            <el-table-column prop="vitamin_c" :label="element1[15]" width="100" />
            <el-table-column prop="num" :label="element1[16]" width="120" />
          </el-table>
            <!-- 午餐 -->
            <div class="biao1" style="width:100%;"  v-if="LunchList.length>0">午餐</div>
            <!-- <div style="display:flex;" v-if="LunchLists>0">
             <div class="biao7" v-for="(item, index) in element1" :key="index" style="width:20%;">{{ item }} </div>
            </div>
            <div style="display:flex;" v-if="LunchLists>0">
              <div class="biao7"   :key="index" style="white-space: nowrap;"><div class="biao7" v-for="(item,index) in LunchList" :key="index">
                {{item.food_name}}
                </div>
              </div>
              <div class="biao7"   :key="index" style="width:5.8%;"><div class="biao7" v-for="(item,index) in LunchList" :key="index">
                 {{item.energy}}
                </div>
              </div>
              <div class="biao7"   :key="index" style="width:5.8%;"><div class="biao7" v-for="(item,index) in LunchList" :key="index">
                 {{item.protein}}
                </div>
              </div>
              <div class="biao7"   :key="index" style="width:5.8%;"><div class="biao7" v-for="(item,index) in LunchList" :key="index">
                 {{item.carbohydrate}}
                </div>
              </div>
              <div class="biao7"   :key="index" style="width:5.8%;"><div class="biao7" v-for="(item,index) in LunchList" :key="index">
                 {{item.fat}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in LunchList" :key="index">
                 {{item.calcium}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in LunchList" :key="index">
                 {{item.sodium}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in LunchList" :key="index">
                 {{item.magnesium}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in LunchList" :key="index">
                 {{item.iron}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in LunchList" :key="index">
                 {{item.zinc}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in LunchList" :key="index">
                 {{item.selenium}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in LunchList" :key="index">
                 {{item.vitamin_a}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in LunchList" :key="index">
                 {{item.vitamin_e}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in LunchList" :key="index">
                 {{item.vitamin_b1}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in LunchList" :key="index">
                 {{item.vitamin_b2}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in LunchList" :key="index">
                 {{item.vitamin_c}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in LunchList" :key="index">
                 {{item.num}}
                </div>
              </div>
            </div> -->
            <el-table :data="LunchList" border  style="width: 100%;" v-if="LunchList.length>0">
            <el-table-column prop="food_name" :label="element1[0]" width="250" />
            <el-table-column prop="energy" :label="element1[1]"  width="100"/>
            <el-table-column prop="protein" :label="element1[2]" width="100" />
            <el-table-column prop="carbohydrate" :label="element1[3]" width="100" />
            <el-table-column prop="fat" :label="element1[4]" width="100" />
            <el-table-column prop="calcium" :label="element1[5]" width="100" />
            <el-table-column prop="sodium" :label="element1[6]"  width="100"/>
            <el-table-column prop="magnesium" :label="element1[7]" width="100" />
            <el-table-column prop="iron" :label="element1[8]"  width="120"/>
        
          </el-table>
           <el-table :data="LunchList" border   style="width: 100%;margin-bottom: 5px;" v-if="LunchList.length>0">
            <el-table-column prop="food_name" :label="element1[0]" width="250" />
            <el-table-column prop="zinc" :label="element1[9]"  width="100"/>
            <el-table-column prop="selenium" :label="element1[10]" width="100" />
            <el-table-column prop="vitamin_a" :label="element1[11]" width="100" />
            <el-table-column prop="vitamin_e" :label="element1[12]" width="100" />
            <el-table-column prop="vitamin_b1" :label="element1[13]"  width="100"/>
            <el-table-column prop="vitamin_b2" :label="element1[14]" width="100" />
            <el-table-column prop="vitamin_c" :label="element1[15]" width="100" />
            <el-table-column prop="num" :label="element1[16]" width="120" />
          </el-table>
            <!-- 午加餐 -->
            <div class="biao1" style="width:100%;"  v-if="LunchAddList.length>0">午加餐</div>
            <!-- <div style="display:flex;" v-if="LunchAddLists>0">
             <div class="biao7" v-for="(item, index) in element1" :key="index" style="width:20%;">{{ item }} </div>
            </div>
            <div style="display:flex;" v-if="LunchAddLists>0">
              <div class="biao7"   :key="index" style="white-space: nowrap;"><div class="biao7" v-for="(item,index) in LunchAddList" :key="index">
                {{item.food_name}}
                </div>
              </div>
              <div class="biao7"   :key="index" style="width:5.8%;"><div class="biao7" v-for="(item,index) in LunchAddList" :key="index">
                 {{item.energy}}
                </div>
              </div>
              <div class="biao7"   :key="index" style="width:5.8%;"><div class="biao7" v-for="(item,index) in LunchAddList" :key="index">
                 {{item.protein}}
                </div>
              </div>
              <div class="biao7"   :key="index" style="width:5.8%;"><div class="biao7" v-for="(item,index) in LunchAddList" :key="index">
                 {{item.carbohydrate}}
                </div>
              </div>
              <div class="biao7"   :key="index" style="width:5.8%;"><div class="biao7" v-for="(item,index) in LunchAddList" :key="index">
                 {{item.fat}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in LunchAddList" :key="index">
                 {{item.calcium}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in LunchAddList" :key="index">
                 {{item.sodium}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in LunchAddList" :key="index">
                 {{item.magnesium}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in LunchAddList" :key="index">
                 {{item.iron}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in LunchAddList" :key="index">
                 {{item.zinc}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in LunchAddList" :key="index">
                 {{item.selenium}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in LunchAddList" :key="index">
                 {{item.vitamin_a}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in LunchAddList" :key="index">
                 {{item.vitamin_e}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in LunchAddList" :key="index">
                 {{item.vitamin_b1}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in LunchAddList" :key="index">
                 {{item.vitamin_b2}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in LunchAddList" :key="index">
                 {{item.vitamin_c}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in LunchAddList" :key="index">
                 {{item.num}}
                </div>
              </div>
            </div> -->
            <el-table :data="LunchAddList" border  style="width: 100%;" v-if="LunchAddList.length>0">
            <el-table-column prop="food_name" :label="element1[0]" width="250" />
            <el-table-column prop="energy" :label="element1[1]"  width="100"/>
            <el-table-column prop="protein" :label="element1[2]" width="100" />
            <el-table-column prop="carbohydrate" :label="element1[3]" width="100" />
            <el-table-column prop="fat" :label="element1[4]" width="100" />
            <el-table-column prop="calcium" :label="element1[5]" width="100" />
            <el-table-column prop="sodium" :label="element1[6]"  width="100"/>
            <el-table-column prop="magnesium" :label="element1[7]" width="100" />
            <el-table-column prop="iron" :label="element1[8]"  width="120"/>
        
          </el-table>
           <el-table :data="LunchAddList" border   style="width: 100%;margin-bottom: 5px;" v-if="LunchAddList.length>0">
            <el-table-column prop="food_name" :label="element1[0]" width="250" />
            <el-table-column prop="zinc" :label="element1[9]"  width="100"/>
            <el-table-column prop="selenium" :label="element1[10]" width="100" />
            <el-table-column prop="vitamin_a" :label="element1[11]" width="100" />
            <el-table-column prop="vitamin_e" :label="element1[12]" width="100" />
            <el-table-column prop="vitamin_b1" :label="element1[13]"  width="100"/>
            <el-table-column prop="vitamin_b2" :label="element1[14]" width="100" />
            <el-table-column prop="vitamin_c" :label="element1[15]" width="100" />
            <el-table-column prop="num" :label="element1[16]" width="120" />
          </el-table>
            <!-- 晚餐 -->
            <div class="biao1" style="width:100%;" v-if="DinnerList.length>0">晚餐</div>
            <!-- <div style="display:flex;" v-if="DinnerLists>0">
             <div class="biao7" v-for="(item, index) in element1" :key="index" style="width:20%;">{{ item }} </div>
            </div>
            <div style="display:flex;" v-if="DinnerLists>0">
              <div class="biao7"   :key="index" style="white-space: nowrap;"><div class="biao7" v-for="(item,index) in DinnerList" :key="index">
                {{item.food_name}}
                </div>
              </div>
              <div class="biao7"   :key="index" style="width:5.8%;"><div class="biao7" v-for="(item,index) in DinnerList" :key="index">
                {{item.energy}}
                </div>
              </div>
              <div class="biao7"   :key="index" style="width:5.8%;"><div class="biao7" v-for="(item,index) in DinnerList" :key="index">
                 {{item.protein}}
                </div>
              </div>
              <div class="biao7"   :key="index" style="width:5.8%;"><div class="biao7" v-for="(item,index) in DinnerList" :key="index">
                 {{item.carbohydrate}}
                </div>
              </div>
              <div class="biao7"   :key="index" style="width:5.8%;"><div class="biao7" v-for="(item,index) in DinnerList" :key="index">
                 {{item.fat}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in DinnerList" :key="index">
                 {{item.calcium}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in DinnerList" :key="index">
                 {{item.sodium}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in DinnerList" :key="index">
                 {{item.magnesium}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in DinnerList" :key="index">
                 {{item.iron}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in DinnerList" :key="index">
                 {{item.zinc}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in DinnerList" :key="index">
                 {{item.selenium}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in DinnerList" :key="index">
                 {{item.vitamin_a}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in DinnerList" :key="index">
                 {{item.vitamin_e}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in DinnerList" :key="index">
                 {{item.vitamin_b1}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in DinnerList" :key="index">
                 {{item.vitamin_b2}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in DinnerList" :key="index">
                 {{item.vitamin_c}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in DinnerList" :key="index">
                 {{item.num}}
                </div>
              </div>
            </div> -->
            <el-table :data="DinnerList" border  style="width: 100%;" v-if="DinnerList.length>0">
            <el-table-column prop="food_name" :label="element1[0]" width="250" />
            <el-table-column prop="energy" :label="element1[1]"  width="100"/>
            <el-table-column prop="protein" :label="element1[2]" width="100" />
            <el-table-column prop="carbohydrate" :label="element1[3]" width="100" />
            <el-table-column prop="fat" :label="element1[4]" width="100" />
            <el-table-column prop="calcium" :label="element1[5]" width="100" />
            <el-table-column prop="sodium" :label="element1[6]"  width="100"/>
            <el-table-column prop="magnesium" :label="element1[7]" width="100" />
            <el-table-column prop="iron" :label="element1[8]"  width="120"/>
        
          </el-table>
           <el-table :data="DinnerList" border   style="width: 100%;margin-bottom: 5px;" v-if="DinnerList.length>0">
            <el-table-column prop="food_name" :label="element1[0]" width="250" />
            <el-table-column prop="zinc" :label="element1[9]"  width="100"/>
            <el-table-column prop="selenium" :label="element1[10]" width="100" />
            <el-table-column prop="vitamin_a" :label="element1[11]" width="100" />
            <el-table-column prop="vitamin_e" :label="element1[12]" width="100" />
            <el-table-column prop="vitamin_b1" :label="element1[13]"  width="100"/>
            <el-table-column prop="vitamin_b2" :label="element1[14]" width="100" />
            <el-table-column prop="vitamin_c" :label="element1[15]" width="100" />
            <el-table-column prop="num" :label="element1[16]" width="120" />
          </el-table>
            <!-- 晚加餐 -->
            <div class="biao1" style="width:100%;" v-if="DinnerAddList.length>0">晚加餐</div>
            <!-- <div style="display:flex;" v-if="DinnerAddLists>0">
             <div class="biao7" v-for="(item, index) in element1" :key="index" style="width:20%;">{{ item }} </div>
            </div>
            <div style="display:flex;" v-if="DinnerAddLists>0">
              <div class="biao7"   :key="index" style="white-space: nowrap;"><div class="biao7" v-for="(item,index) in DinnerAddList" :key="index">
                {{item.food_name}}
                </div>
              </div>
              <div class="biao7"   :key="index" style="width:5.8%;"><div class="biao7" v-for="(item,index) in DinnerAddList" :key="index">
                {{item.energy}}
                </div>
              </div>
              <div class="biao7"   :key="index" style="width:5.8%;"><div class="biao7" v-for="(item,index) in DinnerAddList" :key="index">
                 {{item.protein}}
                </div>
              </div>
              <div class="biao7"   :key="index" style="width:5.8%;"><div class="biao7" v-for="(item,index) in DinnerAddList" :key="index">
                 {{item.carbohydrate}}
                </div>
              </div>
              <div class="biao7"   :key="index" style="width:5.8%;"><div class="biao7" v-for="(item,index) in DinnerAddList" :key="index">
                 {{item.fat}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in DinnerAddList" :key="index">
                 {{item.calcium}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in DinnerAddList" :key="index">
                 {{item.sodium}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in DinnerAddList" :key="index">
                 {{item.magnesium}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in DinnerAddList" :key="index">
                 {{item.iron}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in DinnerAddList" :key="index">
                 {{item.zinc}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in DinnerAddList" :key="index">
                 {{item.selenium}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in DinnerAddList" :key="index">
                 {{item.vitamin_a}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in DinnerAddList" :key="index">
                 {{item.vitamin_e}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in DinnerAddList" :key="index">
                 {{item.vitamin_b1}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in DinnerAddList" :key="index">
                 {{item.vitamin_b2}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in DinnerAddList" :key="index">
                 {{item.vitamin_c}}
                </div>
              </div>
              <div class="biao7"  :key="index" style="width:5.8%;">
                <div class="biao7" v-for="(item,index) in DinnerAddList" :key="index">
                 {{item.num}}
                </div>
              </div>
            </div> -->
             <el-table :data="DinnerAddList" border  style="width: 100%;" v-if="DinnerAddList.length>0">
            <el-table-column prop="food_name" :label="element1[0]" width="250" />
            <el-table-column prop="energy" :label="element1[1]"  width="100"/>
            <el-table-column prop="protein" :label="element1[2]" width="100" />
            <el-table-column prop="carbohydrate" :label="element1[3]" width="100" />
            <el-table-column prop="fat" :label="element1[4]" width="100" />
            <el-table-column prop="calcium" :label="element1[5]" width="100" />
            <el-table-column prop="sodium" :label="element1[6]"  width="100"/>
            <el-table-column prop="magnesium" :label="element1[7]" width="100" />
            <el-table-column prop="iron" :label="element1[8]"  width="120"/>
        
          </el-table>
           <el-table :data="DinnerAddList" border   style="width: 100%;margin-bottom: 5px;" v-if="DinnerAddList.length>0">
            <el-table-column prop="food_name" :label="element1[0]" width="250" />
            <el-table-column prop="zinc" :label="element1[9]"  width="100"/>
            <el-table-column prop="selenium" :label="element1[10]" width="100" />
            <el-table-column prop="vitamin_a" :label="element1[11]" width="100" />
            <el-table-column prop="vitamin_e" :label="element1[12]" width="100" />
            <el-table-column prop="vitamin_b1" :label="element1[13]"  width="100"/>
            <el-table-column prop="vitamin_b2" :label="element1[14]" width="100" />
            <el-table-column prop="vitamin_c" :label="element1[15]" width="100" />
            <el-table-column prop="num" :label="element1[16]" width="120" />
          </el-table>
          </div>

             <!-- 儿童疾病分析中医理疗食疗推荐 -->
             <div style=" width: 100%; background-color:#2ab28b;  text-align: center; margin:auto;page-break-before: always;"  v-if="tcmdiagnosis == 'true'">
          <div
            style="margin-top:30px;font-size: 24px;padding-bottom: 20px;font-weight: bold;padding-top: 20px;color:#333333;">
            儿童疾病分析中医理疗食疗推荐</div>
        </div>
        <div v-for="(item, index) in Diseaseanalysis" :key="index">
          <div :style="index==0?'width: 100%;height: 40px;background-color: rgb(42, 178, 139);margin-top: 20px;display: flex;':'width: 100%;height: 40px;background-color: rgb(42, 178, 139);margin-top: 20px;display: flex;page-break-before: always;'">
            <div><img src="../.././assets/img/23.jpg" style="height: 40px" alt="" /></div>
            <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;"> {{ item.food_label_name }}</div>

          </div>
          <div style="width: 99.5%;border:2px solid #2ab28b;margin-top:10px;">
            <div style="display: flex">
              <div
                style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
                疾病原因
              </div>
              <div
                style="width: 90%;border-bottom: 2px solid #09a578;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;font-size: 16px;">
                {{ item.title }}
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
                疾病简介
              </div>
              <div style="width: 90%;border-bottom: 2px solid #09a578;;padding:10px 20px;align-items:center;font-size: 16px;">
                {{ item.introduce }}
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: rgb(42, 178, 139);width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;">
                穴位按摩
              </div>
              <div style="width: 90%;border-bottom: 2px solid #09a578;;padding:0px 20px;display:flex;">
                <div>
                  <img style="width:300px;height:400px;margin:10px auto;"
                    :src="'http://' + baseUrl + '/' + item.acupointavatar">
                </div>
                <div style="margin-left:20px;margin-top:20px;">
                  <div style="font-size:20px;font-weight:bold;">
                    {{ Object.keys(item.acupoint_introducegroup)[0] }}
                  </div>
                  <div style="font-size:16px;margin-top:20px;">
                    {{ Object.values(item.acupoint_introducegroup)[0] }}
                  </div>
                </div>
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: rgb(42, 178, 139);text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #09a578;border-bottom: 2px solid #09a578;display:flex;align-items: center;justify-content:center;white-space:nowrap;padding:0px 10px;">
                {{ Object.keys(item.disease_causesgroup)[0] }}
              </div>
              <div style="width: 90%;border-bottom: 2px solid #09a578;;padding:10px 20px;align-items:center;display:flex;">
                {{ Object.values(item.disease_causesgroup)[0] }}
              </div>
            </div>
            <div style="margin-bottom:20px;">
              <div style=" width: 100%;height: 40px;background-color: rgb(42, 178, 139);display: flex;">
                <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;"> 对症食谱</div>
              </div>
              <div style="width:98%;display:flex;justify-content: left;flex-wrap: wrap;">
                <div style="width:30%;margin-right:3%;margin-top:10px;text-align: center;"
                  v-for="(items, indexes) in item.foodIntervention" :key="items.id">
                  <!-- page-break-before: always; -->
                  <div v-if="indexes<3"> 
                    <div style="width:100%;font-size:16px;font-weight:bold;">{{ items.food_name }}</div>
                    <div style='padding-top:10px;'>
                      <img style="width:100px;height:100px;" :src="'http://' + baseUrl + '/' + items.meal_image">
                    </div>
                    <div style="margin-top:10px;width:90%;text-align:left;margin:auto;padding-top: 10px;"><span style="color:#09a578;margin-top:5px;">原料:</span>{{ items.ingredient }}</div>
                    <div style="margin-top:10px;width:90%;text-align:left;margin:auto;padding-top: 10px;"><span style="color:#09a578;margin-top:5px;">做法:</span>{{ items.practice }}</div>
                    <div style="margin-top:10px;width:90%;text-align:left;margin:auto;padding-top: 10px;"><span style="color:#09a578;margin-top:5px;">营养功效:</span>{{ items.nutrition }}</div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>



           
            <!-- 膳食方案明细 -->

            <!-- <div style="
                width: 100%;
                height: 40px;
                background-color: rgb(42, 178, 139);
                margin-top: 10px;
                display: flex;
              ">
              <div>
                <img src="../../assets/img/22.jpg" style="height: 40px" alt="" />
              </div>
              <div style="
                  font-size: 20px;
                  margin-left: 10px;
                  line-height: 40px;
                  color: #fff;
                ">
                膳食方案明细
              </div>
            </div> -->
            <!-- <div style=" page-break-after:always;"></div> -->
            <!-- <div style="
                width: 98%;
                border: 2px solid #09a578;
                line-height: 40px;
                text-align: center;
                margin-top: 5px;
                margin-left: 10px;
              ">
              <div style="display: flex">
                <div class="biao1" style="height: 40px; width: 50%; color: #ffffff">
                  名称
                </div>
                <div class="biao3" style="height: 40px; width: 50%; color: #ffffff">
                  推荐值
                </div>
              </div>
              <div style="display: flex">
                <div class="biao2" style="height: 40px; width: 50%">能量</div>
                <div class="biao4" style="height: 40px; width: 50%">
                  {{ letEnergy.start }}～{{ letEnergy.end }}
                </div>
              </div>
              <div style="display: flex">
                <div class="biao2" style="height: 40px; width: 50%; text-align: center">
                  碳水化合物
                </div>
                <div class="biao4" style="height: 40px; width: 50%">
                  {{ carbohydrate.start }}～{{ carbohydrate.end }}
                </div>
              </div>
              <div style="display: flex">
                <div class="biao2" style="height: 40px; width: 50%">蛋白质</div>
                <div class="biao4" style="height: 40px; width: 50%">
                  {{ protein.start }}～{{ protein.end }}
                </div>
              </div>
              <div style="display: flex">
                <div class="biao2" style="height: 40px; width: 50%">脂肪</div>
                <div class="biao4" style="height: 40px; width: 50%">
                  {{ fat.start }}～{{ fat.end }}
                </div>
              </div>
              <div style="display: flex">
                <div class="biao2" style="height: 40px; width: 50%">
                  碳水化合物
                </div>
                <div class="biao4" style="height: 40px; width: 50%">
                  {{ carbohydrate.start }}～{{ carbohydrate.end }}
                </div>
              </div>
              <div style="display: flex">
                <div class="biao2" style="height: 40px; width: 50%">钙</div>
                <div class="biao4" style="height: 40px; width: 50%">
                  {{ calcium.start }}～{{ calcium.end }}
                </div>
              </div>

              <div style="display: flex">
                <div class="biao2" style="height: 40px; width: 50%">钠</div>
                <div class="biao4" style="height: 40px; width: 50%">
                  {{ sodium.start }}～{{ sodium.end }}
                </div>
              </div>
              <div style="display: flex">
                <div class="biao2" style="height: 40px; width: 50%">镁</div>
                <div class="biao4" style="height: 40px; width: 50%">
                  {{ magnesium.start }}～{{ magnesium.end }}
                </div>
              </div>
              <div style="display: flex">
                <div class="biao2" style="height: 40px; width: 50%">铁</div>
                <div class="biao4" style="height: 40px; width: 50%">
                  {{ iron.start }}～{{ iron.end }}
                </div>
              </div>
              <div style="display: flex">
                <div class="biao2" style="height: 40px; width: 50%">锌</div>
                <div class="biao4" style="height: 40px; width: 50%">
                  {{ zinc.start }}～{{ zinc.end }}
                </div>
              </div>
              <div style="display: flex">
                <div class="biao2" style="height: 40px; width: 50%">硒</div>
                <div class="biao4" style="height: 40px; width: 50%">
                  {{ selenium.start }}～{{ selenium.end }}
                </div>
              </div>
              <div style="display: flex">
                <div class="biao2" style="height: 40px; width: 50%">维生素A</div>
                <div class="biao4" style="height: 40px; width: 50%">
                  {{ vitamin_a.start }}～{{ vitamin_a.end }}
                </div>
              </div>
              <div style="display: flex">
                <div class="biao2" style="height: 50px; width: 50%; line-height: 50px">
                  维生素E
                </div>
                <div class="biao4" style="height: 50px; width: 50%; line-height: 50px">
                  {{ vitamin_e.start }}～{{ vitamin_e.end }}
                </div>
              </div>
              <div style="display: flex">
                <div class="biao2" style="height: 40px; width: 50%">维生素B1</div>
                <div class="biao4" style="height: 40px; width: 50%">
                  {{ vitamin_b1.start }}～{{ vitamin_b1.end }}
                </div>
              </div>
              <div style="display: flex">
                <div class="biao2" style="height: 40px; width: 50%">维生素B2</div>
                <div class="biao4" style="height: 40px; width: 50%">
                  {{ vitamin_b2.start }}～{{ vitamin_b2.end }}
                </div>
              </div>
              <div style="display: flex">
                <div class="biao2" style="height: 40px; width: 50%">维生素C</div>
                <div class="biao4" style="height: 40px; width: 50%">
                  {{ vitamin_c.start }}～{{ vitamin_c.end }}
                </div>
              </div>
            </div> -->
            <!-- <div style="width:73%;border:2px solid #09a578;line-height:40px;text-align:center;margin-top:5px;margin-left:10px;">
            <div style="display:flex;">
              <div class="biao1" style="height:40px;width:50%;color: #FFFFFF;">名称</div>
              <div class="biao3" style="height:40px;width:50%;color: #FFFFFF;">推荐值</div>
            </div>
           
          </div> -->

            <!-- 食物选择建议 -->

            
            
        
           



            <div style="width: 30%;height: 40px;border: 2px solid #09a578;margin-top: 20px;margin-bottom: 20px;display: flex;">
              <div
                style=" width: 42%;line-height: 40px;background-color: rgb(42, 178, 139);color:#fff;height: 100%;text-align: center;border-right: 2px solid #09a578;">
                主治医师
              </div>
              <div style="width: 58%;height: 100%;line-height: 40px;text-align: center;">{{Doctor}}</div>
            </div>
            <div style="width: 30%;height: 40px;border: 2px solid #09a578;margin-top: 20px;margin-bottom: 20px;display: flex;">
              <div
                style=" width: 42%;line-height: 40px;background-color: rgb(42, 178, 139);color:#fff;height: 100%;text-align: center;border-right: 2px solid #09a578;">
                检测护士
              </div>
              <div style="width: 58%;height: 100%;line-height: 40px;text-align: center;">{{Doctor1}}</div>
            </div>
            <div style="width: 30%;height: 40px;border: 2px solid #09a578;margin-top: 20px;margin-bottom: 20px;display: flex;">
            <div
              style=" width: 42%;line-height: 40px;background-color: rgb(42, 178, 139);color:#fff;height: 100%;text-align: center;border-right: 2px solid #09a578;">
              报告日期
            </div>
            <div style="width: 58%;height: 100%;line-height: 40px;text-align: center;">{{report_time}}</div>
           </div>
            <div v-if="code_1 == 'true'"
              style="margin-top: 20px;height:200px;text-align: end;margin-right: 50px;margin-bottom:50px;">
              <img style="width: 200px;height:200px;" :src="'http://' + baseUrl + '/' + codeimg" alt="">
              <div style="margin-top:10px;font-size: 20px;font-weight: bold;">
                扫码关注公众号,获取在线报告
              </div>
            </div>
          </div>
        </div>
      </div>


    </div>
</template>
  
<script setup>
import { defineComponent, onMounted, ref, watch } from "vue";
import { ElMessage } from "element-plus";
import * as api from "../../api/loginHttp";
import http, { baseUrl } from "../../utils/http";
import Header from "../common/Header.vue";
import Drawer from "../common/Drawer.vue";
import Childcomposition from "../common/Childcomposition.vue";
import Childdietary from "../common/Childdietary.vue";
import { useRoute, useRouter } from "vue-router";
import PrintJS from "print-js";
import * as echarts from "echarts";
import { ElNotification } from "element-plus";
import ChildViewprint from "../common/ChildViewPrint.vue";
import ChildViewDietary from "../common/ChildViewdietary.vue";
import html2Canvas from "html2canvas";
import JsPDF from "jspdf";

const router = useRouter();
const onBmishow = ref(1);
const route = useRoute();
const groupId = ref();
const id = ref();
const BMIs=ref();
const labName = ref();
const BMI=ref();
const tcmdiagnosis=ref();
const reportId = ref();
const printId = ref();
const myChart = ref();
const myChart1 = ref();
const myChart2 = ref();
const proposal = ref({});
const proposal1 = ref({});
const proposal2 = ref({});
const Titlename = ref();
const codeimg = ref();
const code_1 = ref(false);
const Doctor=ref();
const Doctor1=ref();
const BreakfastLists=ref()
const LunchLists=ref()
const DinnerLists=ref()
const BreakfastAddLists=ref()
const LunchAddLists=ref()
const DinnerAddLists=ref()

const Risk = ref([])
const radio1 = ref()
const radio2 = ref()
const radio3 = ref()
const radio4 = ref()
const total = ref()

const Catering=ref(['','早餐','午餐','晚餐'])
const Breakfastenergy=ref(0);//早餐能量
const Morningenergy=ref(0);//早点能量
const Lunchenergy=ref(0);//午餐能量
const Noonenergy=ref(0);//午点能量
const Dinnerenergy=ref(0);//晚餐能量
const Lateenergy=ref(0);//晚点能量
const BreakfastrecommendationMin=ref();//早餐推荐
const BreakfastrecommendationMax=ref();//早餐推荐
const LunchrecommendationsMin=ref();//午餐推荐
const LunchrecommendationsMax=ref();//午餐推荐
const DinnerrecommendationMin=ref();//晚餐推荐
const DinnerrecommendationMax=ref();//晚餐推荐
const energys = ref({});
const proteins = ref({});
const fats = ref({});
const carbohydrates = ref({});
const calciums = ref({});
const sodiums = ref({});
const magnesiums = ref({});
const irons = ref({});
const zincs = ref({});
const seleniums = ref({});
const vitamin_as = ref({});
const vitamin_es = ref({});
const vitamin_b1s = ref({});
const vitamin_b2s = ref({});
const vitamin_cs = ref({});
const intake = ref({});
const username = ref();
const type_3=ref();
const births=ref();
const guardian = ref();
const birthStatus = ref();
const times=ref();
const element1=ref(['菜名','能量','蛋白质','碳水化合物','脂肪','钙','钠','镁','铁','锌','硒','维生素A','维生素E','维生素B1','维生素B2','维生素C','份数']);
const FeedingRecommendations = ref();
const NutritionRecommendations = ref();
const DoctorRecommendations = ref();
const Diseaseanalysis=ref();
const BreakfastList=ref([]);
const LunchList=ref([]);
const BreakfastAddList=ref([]);
const LunchAddList=ref([]);
const DinnerAddList=ref([]);
const DinnerList=ref([]);
const qxty = ref();
const hospital_name = ref();
const report_time = ref();
const birth = ref();
const high_contents = ref({});
const early_intervention = ref({});
const Monitoring_content = ref({});
const contents = ref({});
const isShow = ref(true);
const readonly = ref(true);
const display = ref(false);
const diet = ref({});
const pagoda = ref({});
const principle = ref({});
const letEnergy = ref({ energy: 0, start: 0, end: 0 });
const protein = ref({ energy: 0, start: 0, end: 0 });
const fat = ref({ energy: 0, start: 0, end: 0 });
const carbohydrate = ref({ energy: 0, start: 0, end: 0 });
const calcium = ref({ energy: 0, start: 0, end: 0 });
const sodium = ref({ energy: 0, start: 0, end: 0 });
const magnesium = ref({ energy: 0, start: 0, end: 0 });
const iron = ref({ energy: 0, start: 0, end: 0 });
const zinc = ref({ energy: 0, start: 0, end: 0 });
const selenium = ref({ energy: 0, start: 0, end: 0 });
const vitamin_a = ref({ energy: 0, start: 0, end: 0 });
const vitamin_e = ref({ energy: 0, start: 0, end: 0 });
const vitamin_b1 = ref({ energy: 0, start: 0, end: 0 });
const vitamin_b2 = ref({ energy: 0, start: 0, end: 0 });
const vitamin_c = ref({ energy: 0, start: 0, end: 0 });
const diet_analysis = ref({});
const diet_analysis1 = ref({});
const diet_analysis2 = ref({});
const kcalType = ref(2);
const Height_s = ref();
const Weight_s = ref();
const data = ref();
const form = ref({
  elText: "",
  elTextTwo: "",
  elTextThree: "",
});

const types = ref([
  "基本信息",
  "体成分分析",
  "膳食营养分析",
  "儿童生长发育曲线图",
  "喂养习惯报告",
  "营养处方报告",
]);
const typeActive = ref(-1);

const fetchData = async () => {
  Titlename.value = localStorage.getItem('Title');
  if (route.params.groupId) {
    groupId.value = route.params.groupId;
    id.value = route.params.id;
    reportId.value = route.params.reportId;

    username.value = route.params.username;
    guardian.value = route.params.guardian;
    birthStatus.value = route.params.birth;
    codeimg.value = window.localStorage.getItem('ercode')

    if (username.value && guardian.value && birthStatus.value) {
      isShow.value = false;
    }

    if (groupId.value == 3) {
      labName.value = "婴幼儿营养测评";
    } else if (groupId.value == 5) {
      labName.value = "孕产妇营养测评";
    } else if (groupId.value == 6) {
      labName.value = "成年人营养测评";
    } else if (groupId.value == 7) {
      labName.value = "慢性病营养测评";
    } else if (groupId.value == 8) {
      labName.value = "团体营养测评";
    }
  }

  //获取二维码是否显示
  http.get('api/index/getAuth').then((res) => {
    let aray = res.data.data;
    let array = aray.split(',');
    if (array.includes('12')) {
      code_1.value = 'true'
    } else {
      code_1.value = 'false'
    }
    if(array.includes('13')){
        type_3.value='true';
      }else{
        type_3.value='false';
      }
  })




  //获取营养风险筛查表
  // http.get('api/archives/screeningInfo?id=' + route.params.id).then((res) => {
  //   Risk.value = res.data.data.screening;
  //   radio1.value = res.data.data.screening[0].toString();
  //   radio2.value = res.data.data.screening[1].toString();
  //   radio3.value = res.data.data.screening[2].toString();
  //   radio4.value = res.data.data.screening[3].toString();
  //   total.value = res.data.data.screening[4].toString();
  // })


  http
    .get(
      "api/archives/getGenerateStatus?id=" +
      id.value +
      "&reportId=" +
      reportId.value
    )
    .then((res) => {
      // http.get('api/archives/generate?id=' + id.value + '&reportId=' + reportId.value + '&username=' + username.value + '&guardian=' + guardian.value + '&birth=' + birthStatus.value).then((res) => {
      //   if (res.data.code === 0) {
      //     ElMessage.error(res.data.msg)
      //     return false;
      //   }
      // })
    });

    //获取用户年龄
  http.get("api/archives/evaluating?id=" + id.value ).then((res) => {
      births.value=res.data.data.birth;
  });

  http
    .get(
      "api/archives/viewReportMember?id=" +
      reportId.value +
      "&username=" +
      username.value +
      "&guardian=" +
      guardian.value +
      "&birth=" +
      birthStatus.value
    )
    .then((res) => {
      Doctor.value=res.data.data.contents.doctor;
      Doctor1.value=res.data.data.contents.doctor1;
      BMIs.value=res.data.data.bmi;
      BMI.value = res.data.data.bmi;
      if(res.data.data.times){
      let  parsedDate = new Date(res.data.data.times);
      let  targetDateObj = new Date('2024-01-08');
      if (parsedDate < targetDateObj) {
       times.value=1;
      } else if (parsedDate > targetDateObj) {
        times.value=2;
      } 
    }
      localStorage.setItem("userinfo", res.data.data.contents);
      if (res.data.code === 0) {
        ElMessage.error(res.data.msg);
        return false;
      } else {
      }
      if (res.data.data.is_high == 1) {
        display.value = true;
      } else {
        display.value = false;
      }

      if (res.data.data.feed_advice) {
        FeedingRecommendations.value = res.data.data.feed_advice;
      }
      if (res.data.data.nutrition_advice) {
        NutritionRecommendations.value = res.data.data.nutrition_advice;
      }
      if (res.data.data.doctor_advice) {
        DoctorRecommendations.value = res.data.data.doctor_advice;
      }

      birth.value = $getTimes(res.data.data.contents.birth);
      contents.value = res.data.data.contents;
      report_time.value = res.data.data.times;

      // if (res.data.data.feed_advice != '' && res.data.data.feed_advice != null) {
      //   form.value.elText = res.data.data.feed_advice;
      // } else {
      //   form.value.elText = '当膳食方案中有食谱或食材不符合您的膳食习惯时，请先与医生确认，若医生认为某些食材对儿童的膳食营养改善很重要，要求不能置换或最好不要置换；其他类可进行同类食材替换，例如：猪肉、牛肉、羊肉之间可互换，鸡肉、鸭肉、鱼类之间可互换，蔬菜间可互换，米面间可互换，但要注意不要更改食材用量。\n' +
      //     '给儿童烹调食物时，宜尽可能保持食物的原味，口味以清淡为宜，少放调料。\n' +
      //     '每天应当进行至少1小时的户外游戏或运动，每天看电视、玩平板电脑的累计时间不超过2小时，日常生活中还可适当增加一些有氧活动例如：自行车、慢跑、跳绳、仰卧起坐、游泳等。';
      // }

      // if (res.data.data.nutrition_advice != '' && res.data.data.nutrition_advice != null) {
      //   form.value.elTextTwo = res.data.data.nutrition_advice;
      // } else {
      //   form.value.elTextTwo = '这个阶段是饮食行为和生活方式形成的关键时期，7岁前的儿童生活自理能力不断提高，自主性、好奇心、学习能力和模仿能力增强，该时期也是培养良好饮食习惯的重要阶段。\n' +
      //     '家长要有意识的培养孩子规律就餐，每天的饮食种类应该包含谷、肉、蛋、菜、奶、水果，自主进食不挑食的饮食习惯。';
      //   if (contents._rawValue.hair_value != '' || contents._rawValue.oralCavity_value != '' || contents._rawValue.neck_value != '' || contents._rawValue.Neuropathy_value != '' || contents._rawValue.symptoms_value != '') {
      //     form.value.elTextTwo = '这个阶段是饮食行为和生活方式形成的关键时期，7岁前的儿童生活自理能力不断提高，自主性、好奇心、学习能力和模仿能力增强，该时期也是培养良好饮食习惯的重要阶段。\n' +
      //       '家长要有意识的培养孩子规律就餐，每天的饮食种类应该包含谷、肉、蛋、菜、奶、水果，自主进食不挑食的饮食习惯。';
      //   } else if (contents._rawValue.eye_value != '') {
      //     form.value.elTextTwo = '平衡膳食，多摄入动物肝、肾、奶、蛋和深绿或红黄蔬菜、水果等富维生素A和β胡萝卜素食物。婴儿要及时添加含动物肝等辅食，没有母乳的婴儿需配方奶喂养。生后及时按预防量补充维生素A。幼儿膳食中要注意脂肪和含维生素A和β胡萝卜素食物搭配食用。患消化系统疾病及消耗性疾病的患儿需及时补充维生素A制剂。\n' +
      //       '长期摄入不足是导致维生素A缺乏的主要原因，儿童维生素A的主要来自1、肝脏、鱼油、奶制品、鸡蛋等动物性食物；2、绿叶蔬菜以及黄色或橙色的水果和蔬菜中富含各种胡罗卜素，可在体内转变为维生素A。对于人体来说，动物性食物中的VA要比植物性中的VA更容易吸收。';
      //   } else if (contents._rawValue.skin_value != '') {
      //     form.value.elTextTwo = '谷类、硬果、动物内脏、蛋类及酵母中维生素B1含量丰富，但需要注意谷类加工过度可损失维生素B1，以及生鱼和贝类含有破坏维生素B1的酶，所以在日常饮食中不长期食用精米、生鱼和贝类。还需要注意的是维生素B1易溶于水，在碱性条件下易受热破坏，所以过分淘米或烹调中加碱也可导致维生素B1大量损失。\n' +
      //       '富含维生素B2的食物主要是动物肝脏（如肝、肾、心）等、蛋黄和乳类。谷类的精细加工会导致所含的维生素B2流失，所以儿童日常饮食中还需要增加粗粮的比例以及保证每日鸡蛋和牛奶的摄入。';
      //   } else if (contents._rawValue.sign_value != '') {
      //     form.value.elTextTwo = '足量的食物，平衡膳食，规律就餐，不偏食不挑食，每天饮奶多喝水，避免含糖饮料，是保障儿童生长发育的关键。日常生活中选择健康有营养的零食，避免含糖饮料和高脂肪的油炸食物，导致儿童正餐不按量食用。\n' +
      //       '营养不良的儿童，要在保证能量摄入充足的基础上，增加鱼、禽、蛋、瘦肉、豆制品等富含优质蛋白质的食物的摄入，经常使用奶及奶制品，每天吃新鲜的蔬菜水果；保证一日三餐，纠正偏食和过度节食等不健康饮食行为，并保持适宜的身体活动。';
      //   } else if (contents._rawValue.sign_value != '') {
      //     form.value.elTextTwo = '奶和奶制品是儿童钙的主要来源，也是最佳来源。绿色蔬菜、大豆及其制品特殊含有较高的钙，可作为补充来源。 需要特别注意的是钙在体内主动吸收需要维生素D，维生素D缺乏或不足时，钙主动吸收下降间接造成改缺乏。此外，运动锻炼也是骨骼健康的重要决定因素，跑、跳等中等程度的运动有利于骨骼钙沉积，达到更高的估量峰值。'
      //   }
      // }

      // form.value.elTextThree = res.data.data.doctor_advice;

    });

  let params = {
    groupId: groupId.value,
    id: id.value,
    reportId: reportId.value,
    username: username.value,
    guardian: guardian.value,
    birth: birth.value,
  };
  const data = await api.energy(params);
  if(data.data.data.packAge.length>0){
    BreakfastrecommendationMin.value=data.data.data.packAge[0].start_package*0.3;
    BreakfastrecommendationMax.value=data.data.data.packAge[0].end_package*0.3;
    LunchrecommendationsMin.value=data.data.data.packAge[0].start_package*0.4;
    LunchrecommendationsMax.value=data.data.data.packAge[0].end_package*0.4;
    DinnerrecommendationMin.value=data.data.data.packAge[0].start_package*0.3;
    DinnerrecommendationMax.value=data.data.data.packAge[0].end_package*0.3;

  }

  if (data.data.code == 0) {
    ElMessage.error(data.data.msg);
    return false;
    await router.push({ path: "/Evaluation/" + groupId.value + "/" + id });
  }

  if (!data.data.data.diet_analysis) {
    ElMessage.error(data.data.msg);
    return false;
    await router.push({ path: "/Evaluation/" + groupId.value + "/" + id });
  }

  for (let i = 0; i < data.data.data.diet_analysis.length; i++) {
    switch (i) {
      case 0:
        data.data.data.diet_analysis[i]["pName"] = "周一";
        break;
      case 1:
        data.data.data.diet_analysis[i]["pName"] = "周二";
        break;
      case 2:
        data.data.data.diet_analysis[i]["pName"] = "周三";
        break;
      case 3:
        data.data.data.diet_analysis[i]["pName"] = "周四";
        break;
      case 4:
        data.data.data.diet_analysis[i]["pName"] = "周五";
        break;
      case 5:
        data.data.data.diet_analysis[i]["pName"] = "周六";
        break;
      case 6:
        data.data.data.diet_analysis[i]["pName"] = "周日";
        break;
    }
  }

  diet_analysis.value = data.data.data.diet_analysis.filter(
    (item, index) => index < 3
  );
  diet_analysis1.value = data.data.data.diet_analysis.filter(
    (item, index) => index > 2 && index < 6
  );
  diet_analysis2.value = data.data.data.diet_analysis.filter(
    (item, index) => index > 5
  );

  for (let i = 0; i < data.data.data.diet.length; i++) {
    if (
      parseInt(data.data.data.diet[i]["energy"]) !==
      parseInt(data.data.data.diet[i]["energy"])
    ) {
      data.data.data.diet[i]["energy"] = 0;
    }
    if (
      parseInt(data.data.data.diet[i]["protein"]) !==
      parseInt(data.data.data.diet[i]["protein"])
    ) {
      data.data.data.diet[i]["protein"] = 0;
    }
    if (
      parseInt(data.data.data.diet[i]["fat"]) !==
      parseInt(data.data.data.diet[i]["fat"])
    ) {
      data.data.data.diet[i]["fat"] = 0;
    }
    if (
      parseInt(data.data.data.diet[i]["carbohydrate"]) !==
      parseInt(data.data.data.diet[i]["carbohydrate"])
    ) {
      data.data.data.diet[i]["carbohydrate"] = 0;
    }
    if (
      parseInt(data.data.data.diet[i]["calcium"]) !==
      parseInt(data.data.data.diet[i]["calcium"])
    ) {
      data.data.data.diet[i]["calcium"] = 0;
    }
    if (
      parseInt(data.data.data.diet[i]["sodium"]) !==
      parseInt(data.data.data.diet[i]["sodium"])
    ) {
      data.data.data.diet[i]["sodium"] = 0;
    }
    if (
      parseInt(data.data.data.diet[i]["magnesium"]) !==
      parseInt(data.data.data.diet[i]["magnesium"])
    ) {
      data.data.data.diet[i]["magnesium"] = 0;
    }
    if (
      parseInt(data.data.data.diet[i]["iron"]) !==
      parseInt(data.data.data.diet[i]["iron"])
    ) {
      data.data.data.diet[i]["iron"] = 0;
    }
    if (
      parseInt(data.data.data.diet[i]["zinc"]) !==
      parseInt(data.data.data.diet[i]["zinc"])
    ) {
      data.data.data.diet[i]["zinc"] = 0;
    }
    if (
      parseInt(data.data.data.diet[i]["selenium"]) !==
      parseInt(data.data.data.diet[i]["selenium"])
    ) {
      data.data.data.diet[i]["selenium"] = 0;
    }
    if (
      parseInt(data.data.data.diet[i]["vitamin_a"]) !==
      parseInt(data.data.data.diet[i]["vitamin_a"])
    ) {
      data.data.data.diet[i]["vitamin_a"] = 0;
    }
    if (
      parseInt(data.data.data.diet[i]["vitamin_e"]) !==
      parseInt(data.data.data.diet[i]["vitamin_e"])
    ) {
      data.data.data.diet[i]["vitamin_e"] = 0;
    }
    if (
      parseInt(data.data.data.diet[i]["vitamin_b1"]) !==
      parseInt(data.data.data.diet[i]["vitamin_b1"])
    ) {
      data.data.data.diet[i]["vitamin_b1"] = 0;
    }
    if (
      parseInt(data.data.data.diet[i]["vitamin_b2"]) !==
      parseInt(data.data.data.diet[i]["vitamin_b2"])
    ) {
      data.data.data.diet[i]["vitamin_b2"] = 0;
    }
    if (
      parseInt(data.data.data.diet[i]["vitamin_c"]) !==
      parseInt(data.data.data.diet[i]["vitamin_c"])
    ) {
      data.data.data.diet[i]["vitamin_c"] = 0;
    }
    letEnergy._value.energy = letEnergy._value.energy + (data.data.data.diet[i]['energy']) * 1;
    protein._value.energy = protein._value.energy + (data.data.data.diet[i]['protein']) * 1;
    fat._value.energy = fat._value.energy + (data.data.data.diet[i]['fat']) * 1;
    carbohydrate._value.energy = carbohydrate._value.energy + (data.data.data.diet[i]['carbohydrate']) * 1;
    calcium._value.energy = calcium._value.energy + (data.data.data.diet[i]['calcium']) * 1;
    sodium._value.energy = sodium._value.energy + (data.data.data.diet[i]['sodium']) * 1;
    magnesium._value.energy = magnesium._value.energy + (data.data.data.diet[i]['magnesium']) * 1;
    iron._value.energy = iron._value.energy + (data.data.data.diet[i]['iron']) * 1;
    zinc._value.energy = zinc._value.energy + (data.data.data.diet[i]['zinc']) * 1;
    selenium._value.energy = selenium._value.energy + (data.data.data.diet[i]['selenium']) * 1;
    vitamin_a._value.energy = vitamin_a._value.energy + (data.data.data.diet[i]['vitamin_a']) * 1;
    vitamin_e._value.energy = vitamin_e._value.energy + (data.data.data.diet[i]['vitamin_e']) * 1;
    vitamin_b1._value.energy = vitamin_b1._value.energy + (data.data.data.diet[i]['vitamin_b1']) * 1;
    vitamin_b2._value.energy = vitamin_b2._value.energy + (data.data.data.diet[i]['vitamin_b2']) * 1;
    vitamin_c._value.energy = vitamin_c._value.energy + (data.data.data.diet[i]['vitamin_c']) * 1;
  }
  letEnergy._value.energy = (letEnergy._value.energy).toFixed(2);
  protein._value.energy = (protein._value.energy).toFixed(2);
  fat._value.energy = (fat._value.energy).toFixed(2);
  carbohydrate._value.energy = (carbohydrate._value.energy).toFixed(2);
  calcium._value.energy = (calcium._value.energy).toFixed(2);
  sodium._value.energy = (sodium._value.energy).toFixed(2);
  magnesium._value.energy = (magnesium._value.energy).toFixed(2);
  iron._value.energy = (iron._value.energy).toFixed(2);
  zinc._value.energy = (zinc._value.energy).toFixed(2);
  selenium._value.energy = (selenium._value.energy).toFixed(2);
  vitamin_a._value.energy = (vitamin_a._value.energy).toFixed(2);
  vitamin_e._value.energy = (vitamin_e._value.energy).toFixed(2);
  vitamin_b1._value.energy = (vitamin_b1._value.energy).toFixed(2);
  vitamin_b2._value.energy = (vitamin_b2._value.energy).toFixed(2);
  vitamin_c._value.energy = (vitamin_c._value.energy).toFixed(2);


  letEnergy._value.start = data.data.data.packAge[0].start_package;
  letEnergy._value.end = data.data.data.packAge[0].end_package;
  letEnergy._value.keyword = "✔ 正常";
  letEnergy._value.color = "everyBlack";

  //能量
  if (letEnergy._value.energy < letEnergy._value.start) {
    letEnergy._value.keyword = "▼ 不足";
    letEnergy._value.color = "everyRed";
    kcalType.value = 3;
  } else if (letEnergy._value.energy > letEnergy._value.end) {
    letEnergy._value.keyword = "▲ 超标";
    letEnergy._value.color = "everyOrange";
    kcalType.value = 1;
  }

  //蛋白质
  protein._value.start = data.data.data.packAge[1].start_package;
  protein._value.end = data.data.data.packAge[1].end_package;
  protein._value.keyword = "✔ 正常";
  protein._value.color = "everyBlack";
  if (protein._value.energy < protein._value.start) {
    protein._value.keyword = "▼ 不足";
    protein._value.color = "everyRed";
  } else if (protein._value.energy > protein._value.end) {
    protein._value.keyword = "▲ 超标";
    protein._value.color = "everyOrange";
  }
  //脂肪
  fat._value.start = data.data.data.packAge[2].start_package;
  fat._value.end = data.data.data.packAge[2].end_package;
  fat._value.keyword = "✔ 正常";
  fat._value.color = "everyBlack";
  if (fat._value.energy < fat._value.start) {
    fat._value.keyword = "▼ 不足";
    fat._value.color = "everyRed";
  } else if (fat._value.energy > fat._value.end) {
    fat._value.keyword = "▲ 超标";
    fat._value.color = "everyOrange";
  }
  //碳水化合物
  carbohydrate._value.start = data.data.data.packAge[3].start_package;
  carbohydrate._value.end = data.data.data.packAge[3].end_package;
  carbohydrate._value.keyword = "✔ 正常";
  carbohydrate._value.color = "everyBlack";
  if (carbohydrate._value.energy < carbohydrate._value.start) {
    carbohydrate._value.keyword = "▼ 不足";
    carbohydrate._value.color = "everyRed";
  } else if (carbohydrate._value.energy > carbohydrate._value.end) {
    carbohydrate._value.keyword = "▲ 超标";
    carbohydrate._value.color = "everyOrange";
  }

  //钙
  calcium._value.start = data.data.data.packAge[4].start_package;
  calcium._value.end = data.data.data.packAge[4].end_package;
  calcium._value.keyword = "✔ 正常";
  calcium._value.color = "everyBlack";
  if (calcium._value.energy < calcium._value.start) {
    calcium._value.keyword = "▼ 不足";
    calcium._value.color = "everyRed";
  } else if (calcium._value.energy > calcium._value.end) {
    calcium._value.keyword = "▲ 超标";
    calcium._value.color = "everyOrange";
  }
  //钠
  sodium._value.start = data.data.data.packAge[5].start_package;
  sodium._value.end = data.data.data.packAge[5].end_package;
  sodium._value.keyword = "✔ 正常";
  sodium._value.color = "everyBlack";
  if (sodium._value.energy < sodium._value.start) {
    sodium._value.keyword = "▼ 不足";
    sodium._value.color = "everyRed";
  } else if (sodium._value.energy > sodium._value.end) {
    sodium._value.keyword = "▲ 超标";
    sodium._value.color = "everyOrange";
  }
  //镁
  magnesium._value.start = data.data.data.packAge[6].start_package;
  magnesium._value.end = data.data.data.packAge[6].end_package;
  magnesium._value.keyword = "✔ 正常";
  magnesium._value.color = "everyBlack";
  if (magnesium._value.energy < magnesium._value.start) {
    magnesium._value.keyword = "▼ 不足";
    magnesium._value.color = "everyRed";
  } else if (magnesium._value.energy > magnesium._value.end) {
    magnesium._value.keyword = "▲ 超标";
    magnesium._value.color = "everyOrange";
  }
  //铁
  iron._value.start = data.data.data.packAge[7].start_package;
  iron._value.end = data.data.data.packAge[7].end_package;
  iron._value.keyword = "✔ 正常";
  iron._value.color = "everyBlack";
  if (iron._value.energy < iron._value.start) {
    iron._value.keyword = "▼ 不足";
    iron._value.color = "everyRed";
  } else if (iron._value.energy > iron._value.end) {
    iron._value.keyword = "▲ 超标";
    iron._value.color = "everyOrange";
  }
  //锌
  zinc._value.start = data.data.data.packAge[8].start_package;
  zinc._value.end = data.data.data.packAge[8].end_package;
  zinc._value.keyword = "✔ 正常";
  zinc._value.color = "everyBlack";
  if (zinc._value.energy < zinc._value.start) {
    zinc._value.keyword = "▼ 不足";
    zinc._value.color = "everyRed";
  } else if (zinc._value.energy > zinc._value.end) {
    zinc._value.keyword = "▲ 超标";
    zinc._value.color = "everyOrange";
  }
  //硒
  selenium._value.start = data.data.data.packAge[9].start_package;
  selenium._value.end = data.data.data.packAge[9].end_package;
  selenium._value.keyword = "✔ 正常";
  selenium._value.color = "everyBlack";
  if (selenium._value.energy < selenium._value.start) {
    selenium._value.keyword = "▼ 不足";
    selenium._value.color = "everyRed";
  } else if (selenium._value.energy > selenium._value.end) {
    selenium._value.keyword = "▲ 超标";
    selenium._value.color = "everyOrange";
  }
  // 维生素A
  vitamin_a._value.start = data.data.data.packAge[10].start_package;
  vitamin_a._value.end = data.data.data.packAge[10].end_package;
  vitamin_a._value.keyword = "✔ 正常";
  vitamin_a._value.color = "everyBlack";
  if (vitamin_a._value.energy < vitamin_a._value.start) {
    vitamin_a._value.keyword = "▼ 不足";
    vitamin_a._value.color = "everyRed";
  } else if (vitamin_a._value.energy > vitamin_a._value.end) {
    vitamin_a._value.keyword = "▲ 超标";
    vitamin_a._value.color = "everyOrange";
  }
  //维生素E
  vitamin_e._value.start = data.data.data.packAge[11].start_package;
  vitamin_e._value.end = data.data.data.packAge[11].end_package;
  vitamin_e._value.keyword = "✔ 正常";
  vitamin_e._value.color = "everyBlack";
  if (vitamin_e._value.energy < vitamin_e._value.start) {
    vitamin_e._value.keyword = "▼ 不足";
    vitamin_e._value.color = "everyRed";
  } else if (vitamin_e._value.energy > vitamin_e._value.end) {
    vitamin_e._value.keyword = "▲ 超标";
    vitamin_e._value.color = "everyOrange";
  }
  //维生素B1
  vitamin_b1._value.start = data.data.data.packAge[12].start_package;
  vitamin_b1._value.end = data.data.data.packAge[12].end_package;
  vitamin_b1._value.keyword = "✔ 正常";
  vitamin_b1._value.color = "everyBlack";
  if (vitamin_b1._value.energy < vitamin_b1._value.start) {
    vitamin_b1._value.keyword = "▼ 不足";
    vitamin_b1._value.color = "everyRed";
  } else if (vitamin_b1._value.energy > vitamin_b1._value.end) {
    vitamin_b1._value.keyword = "▲ 超标";
    vitamin_b1._value.color = "everyOrange";
  }
  //维生素B2
  vitamin_b2._value.start = data.data.data.packAge[13].start_package;
  vitamin_b2._value.end = data.data.data.packAge[13].end_package;
  vitamin_b2._value.keyword = "✔ 正常";
  vitamin_b2._value.color = "everyBlack";
  if (vitamin_b2._value.energy < vitamin_b2._value.start) {
    vitamin_b2._value.keyword = "▼ 不足";
    vitamin_b2._value.color = "everyRed";
  } else if (vitamin_b2._value.energy > vitamin_b2._value.end) {
    vitamin_b2._value.keyword = "▲ 超标";
    vitamin_b2._value.color = "everyOrange";
  }
  //维生素C
  vitamin_c._value.start = data.data.data.packAge[14].start_package;
  vitamin_c._value.end = data.data.data.packAge[14].end_package;
  vitamin_c._value.keyword = "✔ 正常";
  vitamin_c._value.color = "everyBlack";
  if (vitamin_c._value.energy < vitamin_c._value.start) {
    vitamin_c._value.keyword = "▼ 不足";
    vitamin_c._value.color = "everyRed";
  } else if (vitamin_c._value.energy > vitamin_c._value.end) {
    vitamin_c;
    vitamin_c._value.keyword = "▲ 超标";
    vitamin_c._value.color = "everyOrange";
  }
};

onMounted(() => {
  fetchData();
});

const onKeep = async () => {
  let params = {
    elText: FeedingRecommendations.value,
    elTextTwo: NutritionRecommendations.value,
    elTextThree: DoctorRecommendations.value,
  };
  params["reportId"] = reportId.value;
  const res = await api.setAdvice(params);
  if (res.data.code === 1) {
    ElNotification({
      title: "建议保存成功",
      message: res.data.msg,
      type: "success",
    });
    return false;
  } else {
    ElNotification({
      title: "建议保存失败",
      message: res.data.msg,
      type: "error",
    });
    return false;
  }
};

function $getTimes(params) {
  var date = new Date(params);
  var y = date.getFullYear();
  var m = date.getMonth() + 1;
  m = m < 10 ? "0" + m : m;
  var d = date.getDate();
  d = d < 10 ? "0" + d : d;
  const time = y + "-" + m + "-" + d;
  return time;
}

const onClickPrint = () => {
  let printParam = "";
  if (username.value && guardian.value && birthStatus.value) {
    printParam =
      "/" + username.value + "/" + guardian.value + "/" + birthStatus.value;
  }
  if (typeActive.value === "全部") {
    let PrintAll = router.resolve({
      path:
        "/PrintViewAll/" +
        groupId.value +
        "/" +
        id.value +
        "/" +
        reportId.value +
        printParam,
    });
    window.open(PrintAll.href, "_blank");
  } else {
    switch (typeActive.value) {
      case "基本信息":
        let PrintMember = router.resolve({
          path:
            "/PrintMember/" +
            groupId.value +
            "/" +
            id.value +
            "/" +
            reportId.value +
            printParam,
        });
        window.open(PrintMember.href, "_blank");
        break;
      case "体成分分析":
        let PrintAnalysis = router.resolve({
          path:
            "/PrintAnalysis/" +
            groupId.value +
            "/" +
            id.value +
            "/" +
            reportId.value +
            printParam,
        });
        window.open(PrintAnalysis.href, "_blank");
        break;
      case "膳食营养分析":
        let PrintComposition = router.resolve({
          path:
            "/PrintComposition/" +
            groupId.value +
            "/" +
            id.value +
            "/" +
            reportId.value +
            printParam,
        });
        window.open(PrintComposition.href, "_blank");
        break;
      case "儿童生长发育曲线图":
        let PrintDiagram = router.resolve({
          path:
            "/PrintDiagram/" +
            groupId.value +
            "/" +
            id.value +
            "/" +
            reportId.value +
            printParam,
        });
        window.open(PrintDiagram.href, "_blank");
        break;
      case "喂养习惯报告":
        let PrintFeedhabits = router.resolve({
          path:
            "/PrintFeedhabits/" +
            groupId.value +
            "/" +
            id.value +
            "/" +
            reportId.value +
            printParam,
        });
        window.open(PrintFeedhabits.href, "_blank");
        break;
      case "营养处方报告":
        let PrintPrescription = router.resolve({
          path:
            "/PrintPrescription/" +
            groupId.value +
            "/" +
            id.value +
            "/" +
            reportId.value +
            printParam,
        });
        window.open(PrintPrescription.href, "_blank");
        break;
    }

    // print(typeActive.value)
  }
};
onMounted(() => {

  //修改菜谱元素为空的值为0
  function fillEmptyValuesWithZero(arr) {
        // 遍历数组中的每个对象
        arr.forEach(function(obj) {
            // 检查蛋白质属性
            if (obj.hasOwnProperty('protein') && (!obj.protein || obj.protein === '')) {
                // 如果值为null、undefined、空字符串或空数组（这里只检查前三种情况）
                obj.protein = '0';
            }
            // 检查碳水化合物属性
            if (obj.hasOwnProperty('carbohydrate') && (!obj.carbohydrate || obj.carbohydrate === '')) {
                // 如果值为null、undefined、空字符串或空数组（这里只检查前三种情况）
                obj.carbohydrate = '0';
            }
            // 检查脂肪
            if (obj.hasOwnProperty('fat') && (!obj.fat || obj.fat === '')) {
                // 如果值为null、undefined、空字符串或空数组（这里只检查前三种情况）
                obj.fat = '0';
            }
            // 检查钙
            if (obj.hasOwnProperty('calcium') && (!obj.calcium || obj.calcium === '')) {
                // 如果值为null、undefined、空字符串或空数组（这里只检查前三种情况）
                obj.calcium = '0';
            }
             // 检查钠
             if (obj.hasOwnProperty('sodium') && (!obj.sodium || obj.sodium === '')) {
                // 如果值为null、undefined、空字符串或空数组（这里只检查前三种情况）
                obj.sodium = '0';
            }
            // 检查镁
            if (obj.hasOwnProperty('magnesium') && (!obj.magnesium || obj.magnesium === '')) {
                // 如果值为null、undefined、空字符串或空数组（这里只检查前三种情况）
                obj.magnesium = '0';
            }
             // 检查铁
             if (obj.hasOwnProperty('iron') && (!obj.iron || obj.iron === '')) {
                // 如果值为null、undefined、空字符串或空数组（这里只检查前三种情况）
                obj.iron = '0';
            }
             // 检查锌
             if (obj.hasOwnProperty('zinc') && (!obj.zinc || obj.zinc === '')) {
                // 如果值为null、undefined、空字符串或空数组（这里只检查前三种情况）
                obj.zinc = '0';
            }
             // 检查硒
             if (obj.hasOwnProperty('selenium') && (!obj.selenium || obj.selenium === '')) {
                // 如果值为null、undefined、空字符串或空数组（这里只检查前三种情况）
                obj.selenium = '0';
            }
             // 检查维生素a
             if (obj.hasOwnProperty('vitamin_a') && (!obj.vitamin_a || obj.vitamin_a === '')) {
                // 如果值为null、undefined、空字符串或空数组（这里只检查前三种情况）
                obj.vitamin_a = '0';
            }
             // 检查维生素e
             if (obj.hasOwnProperty('vitamin_e') && (!obj.vitamin_e || obj.vitamin_e === '')) {
                // 如果值为null、undefined、空字符串或空数组（这里只检查前三种情况）
                obj.vitamin_e = '0';
            }
             // 检查维生素b1
             if (obj.hasOwnProperty('vitamin_b1') && (!obj.vitamin_b1 || obj.vitamin_b1 === '')) {
                // 如果值为null、undefined、空字符串或空数组（这里只检查前三种情况）
                obj.vitamin_b1 = '0';
            }
            // 检查维生素b2
            if (obj.hasOwnProperty('vitamin_b2') && (!obj.vitamin_b2 || obj.vitamin_b2 === '')) {
                // 如果值为null、undefined、空字符串或空数组（这里只检查前三种情况）
                obj.vitamin_b2 = '0';
            }
             // 检查维生素c
             if (obj.hasOwnProperty('vitamin_c') && (!obj.vitamin_c || obj.vitamin_c === '')) {
                // 如果值为null、undefined、空字符串或空数组（这里只检查前三种情况）
                obj.vitamin_c = '0';
            }
        });

            // 返回修改后的数组（实际上你可以直接修改原数组，这里返回只是示例）
            return arr;
     }
  // 需要获取到element,所以是onMounted的Hook 
  http
    .get(
      "api/archives/viewreport?id=" +
      reportId.value +
      "&username=" +
      username.value +
      "&guardian=" +
      guardian.value +
      "&birth=" +
      birthStatus.value
    )
    .then((res) => {
      diet.value = res.data.data.diet;
      Diseaseanalysis.value=res.data.data.FoodDiseaseintervention;
      for(let i=0;i<res.data.data.diet.filter(item=>item.single.checkList=='早餐').length;i++){
      Breakfastenergy.value=Breakfastenergy.value+ Number(res.data.data.diet.filter(item=>item.single.checkList=='早餐')[i].energy)
      let arrs1=res.data.data.diet.filter(item=>item.single.checkList=='早餐')
      BreakfastList.value=fillEmptyValuesWithZero(arrs1)
      BreakfastLists.value=res.data.data.diet.filter(item=>item.single.checkList=='早餐').length
      let arrs2=res.data.data.diet.filter(item=>item.single.checkList=='早加餐')
      BreakfastAddList.value=fillEmptyValuesWithZero(arrs2)
      BreakfastAddLists.value=res.data.data.diet.filter(item=>item.single.checkList=='早加餐').length
    }
    
    for(let i=0;i<res.data.data.diet.filter(item=>item.single.checkList=='午餐').length;i++){
      Lunchenergy.value=Lunchenergy.value+ Number(res.data.data.diet.filter(item=>item.single.checkList=='午餐')[i].energy)
      let arrs3=res.data.data.diet.filter(item=>item.single.checkList=='午餐')
      LunchList.value=fillEmptyValuesWithZero(arrs3)
      LunchLists.value=res.data.data.diet.filter(item=>item.single.checkList=='午餐').length
      let arrs4=res.data.data.diet.filter(item=>item.single.checkList=='午加餐')
      LunchAddList.value=fillEmptyValuesWithZero(arrs4)
      LunchAddLists.value=res.data.data.diet.filter(item=>item.single.checkList=='午加餐').length
    }
    
    for(let i=0;i<res.data.data.diet.filter(item=>item.single.checkList=='晚餐').length;i++){
      Dinnerenergy.value=Dinnerenergy.value+ Number(res.data.data.diet.filter(item=>item.single.checkList=='晚餐')[i].energy)
      let arrs5=res.data.data.diet.filter(item=>item.single.checkList=='晚餐')
      DinnerList.value=fillEmptyValuesWithZero(arrs5)
      DinnerLists.value=res.data.data.diet.filter(item=>item.single.checkList=='晚餐').length
      let arrs6=res.data.data.diet.filter(item=>item.single.checkList=='晚加餐')
      DinnerAddList.value=fillEmptyValuesWithZero(arrs6)
      DinnerAddLists.value=res.data.data.diet.filter(item=>item.single.checkList=='晚加餐').length
    }
      if(res.data.data.contents.Childhooddiseases.length>0){
        tcmdiagnosis.value='true';
      }else{
        tcmdiagnosis.value='false';
      }
      proposal.value = res.data.data.foodselection.filter((item, index) => {
        return item.up_type == 2;
      });
      proposal1.value = res.data.data.foodselection.filter((item, index) => {
        return item.up_type == 1;
      });
      proposal2.value = res.data.data.foodselection.filter((item, index) => {
        return item.up_type == 3;
      });
      data.value = res.data.data;

      // 能量
      if (letEnergy._value.energy < letEnergy.value.start) {
        principle.value = data.value.foodliving[2].content;
        energys.value = data.value.foodmotion[2].content;
        if (!FeedingRecommendations.value) {
          FeedingRecommendations.value = res.data.data.foodproposal
            .filter((item) => {
              return item.proposal_type == 1;
            })
            .filter((item) => {
              return item.up_type == 2;
            })[0]
            .content.replace(/<.*?>/gi, "");
        }
        if (!NutritionRecommendations.value) {
          NutritionRecommendations.value = res.data.data.foodproposal
            .filter((item) => {
              return item.proposal_type == 2;
            })
            .filter((item) => {
              return item.up_type == 2;
            })[0]
            .content.replace(/<.*?>/gi, "");
        }
        if (!DoctorRecommendations.value) {
          DoctorRecommendations.value = res.data.data.foodproposal
            .filter((item) => {
              return item.proposal_type == 3;
            })
            .filter((item) => {
              return item.up_type == 2;
            })[0]
            .content.replace(/<.*?>/gi, "");
        }
        letEnergy._value.keyword = "▼ 不足";
        letEnergy._value.color = "everyRed";
        kcalType.value = 3;
      } else if (letEnergy._value.energy > letEnergy.value.end) {
        principle.value = data.value.foodliving[1].content;
        energys.value = data.value.foodmotion[0].content;
        if (!FeedingRecommendations.value) {
          FeedingRecommendations.value = res.data.data.foodproposal
            .filter((item) => {
              return item.proposal_type == 1;
            })
            .filter((item) => {
              return item.up_type == 1;
            })[0]
            .content.replace(/<.*?>/gi, "");
        }
        if (!NutritionRecommendations.value) {
          NutritionRecommendations.value = res.data.data.foodproposal
            .filter((item) => {
              return item.proposal_type == 2;
            })
            .filter((item) => {
              return item.up_type == 1;
            })[0]
            .content.replace(/<.*?>/gi, "");
        }
        if (!DoctorRecommendations.value) {
          DoctorRecommendations.value = res.data.data.foodproposal
            .filter((item) => {
              return item.proposal_type == 3;
            })
            .filter((item) => {
              return item.up_type == 1;
            })[0]
            .content.replace(/<.*?>/gi, "");
        }
        letEnergy._value.keyword = "▲ 超标";
        letEnergy._value.color = "everyOrange";
        kcalType.value = 1;
      } else {
        principle.value = data.value.foodliving[0].content;
        energys.value = data.value.foodmotion[1].content;
        if (!FeedingRecommendations.value) {
          FeedingRecommendations.value = res.data.data.foodproposal
            .filter((item) => {
              return item.proposal_type == 1;
            })
            .filter((item) => {
              return item.up_type == 3;
            })[0]
            .content.replace(/<.*?>/gi, "");
        }
        if (!NutritionRecommendations.value) {
          NutritionRecommendations.value = res.data.data.foodproposal
            .filter((item) => {
              return item.proposal_type == 2;
            })
            .filter((item) => {
              return item.up_type == 3;
            })[0]
            .content.replace(/<.*?>/gi, "");
        }
        if (!DoctorRecommendations.value) {
          DoctorRecommendations.value = res.data.data.foodproposal
            .filter((item) => {
              return item.proposal_type == 3;
            })
            .filter((item) => {
              return item.up_type == 3;
            })[0]
            .content.replace(/<.*?>/gi, "");
        }
      }
      //  蛋白质
      if (protein._value.energy < protein._value.start) {
        proteins.value = data.value.foodmotion[5].content;
        protein._value.keyword = "▼ 不足";
        protein._value.color = "everyRed";
      } else if (protein._value.energy > protein._value.end) {
        proteins.value = data.value.foodmotion[3].content;
        protein._value.keyword = "▲ 超标";
        protein._value.color = "everyOrange";
      } else {
        proteins.value = data.value.foodmotion[4].content;
      }
      //脂肪
      if (fat._value.energy < fat._value.start) {
        fats.value = data.value.foodmotion[8].content;
        fat._value.keyword = "▼ 不足";
        fat._value.color = "everyRed";
      } else if (fat._value.energy > fat._value.end) {
        fats.value = data.value.foodmotion[6].content;
        fat._value.keyword = "▲ 超标";
        fat._value.color = "everyOrange";
      } else {
        fats.value = data.value.foodmotion[7].content;
      }
      //碳水化合物
      if (carbohydrate._value.energy < carbohydrate._value.start) {
        carbohydrates.value = data.value.foodmotion[11].content;
        carbohydrate._value.keyword = "▼ 不足";
        carbohydrate._value.color = "everyRed";
      } else if (carbohydrate._value.energy > carbohydrate._value.end) {
        carbohydrates.value = data.value.foodmotion[9].content;
        carbohydrate._value.keyword = "▲ 超标";
        carbohydrate._value.color = "everyOrange";
      } else {
        carbohydrates.value = data.value.foodmotion[10].content;
      }
      //钙
      if (calcium._value.energy < calcium._value.start) {
        calciums.value = data.value.foodmotion[14].content;
        calcium._value.keyword = "▼ 不足";
        calcium._value.color = "everyRed";
      } else if (calcium._value.energy > calcium._value.end) {
        calciums.value = data.value.foodmotion[12].content;
        calcium._value.keyword = "▲ 超标";
        calcium._value.color = "everyOrange";
      } else {
        calciums.value = data.value.foodmotion[13].content;
      }
      //钠
      if (sodium._value.energy < sodium._value.start) {
        sodiums.value = data.value.foodmotion[17].content;
        sodium._value.keyword = "▼ 不足";
        sodium._value.color = "everyRed";
      } else if (sodium._value.energy > sodium._value.end) {
        sodiums.value = data.value.foodmotion[15].content;
        sodium._value.keyword = "▲ 超标";
        sodium._value.color = "everyOrange";
      } else {
        sodiums.value = data.value.foodmotion[16].content;
      }
      //镁
      if (magnesium._value.energy < magnesium._value.start) {
        magnesiums.value = data.value.foodmotion[20].content;
        magnesium._value.keyword = "▼ 不足";
        magnesium._value.color = "everyRed";
      } else if (magnesium._value.energy > magnesium._value.end) {
        magnesiums.value = data.value.foodmotion[18].content;
        magnesium._value.keyword = "▲ 超标";
        magnesium._value.color = "everyOrange";
      } else {
        magnesiums.value = data.value.foodmotion[19].content;
      }
      //铁
      if (iron._value.energy < iron._value.start) {
        irons.value = data.value.foodmotion[23].content;
        iron._value.keyword = "▼ 不足";
        iron._value.color = "everyRed";
      } else if (iron._value.energy > iron._value.end) {
        irons.value = data.value.foodmotion[21].content;
        iron._value.keyword = "▲ 超标";
        iron._value.color = "everyOrange";
      } else {
        irons.value = data.value.foodmotion[22].content;
      }
      //锌
      if (zinc._value.energy < zinc._value.start) {
        zincs.value = data.value.foodmotion[26].content;
        zinc._value.keyword = "▼ 不足";
        zinc._value.color = "everyRed";
      } else if (zinc._value.energy > zinc._value.end) {
        zincs.value = data.value.foodmotion[24].content;
        zinc._value.keyword = "▲ 超标";
        zinc._value.color = "everyOrange";
      } else {
        zincs.value = data.value.foodmotion[25].content;
      }
      //硒
      if (selenium._value.energy < selenium._value.start) {
        seleniums.value = data.value.foodmotion[29].content;
        selenium._value.keyword = "▼ 不足";
        selenium._value.color = "everyRed";
      } else if (selenium._value.energy > selenium._value.end) {
        seleniums.value = data.value.foodmotion[27].content;
        selenium._value.keyword = "▲ 超标";
        selenium._value.color = "everyOrange";
      } else {
        seleniums.value = data.value.foodmotion[28].content;
      }
      //维生素A
      if (vitamin_a._value.energy < vitamin_a._value.start) {
        vitamin_as.value = data.value.foodmotion[32].content;
        vitamin_a._value.keyword = "▼ 不足";
        vitamin_a._value.color = "everyRed";
      } else if (vitamin_a._value.energy > vitamin_a._value.end) {
        vitamin_as.value = data.value.foodmotion[30].content;
        vitamin_a._value.keyword = "▲ 超标";
        vitamin_a._value.color = "everyOrange";
      } else {
        vitamin_as.value = data.value.foodmotion[31].content;
      }
      //维生素E
      if (vitamin_e._value.energy < vitamin_e._value.start) {
        vitamin_es.value = data.value.foodmotion[35].content;
        vitamin_e._value.keyword = "▼ 不足";
        vitamin_e._value.color = "everyRed";
      } else if (vitamin_e._value.energy > vitamin_e._value.end) {
        vitamin_es.value = data.value.foodmotion[33].content;
        vitamin_e._value.keyword = "▲ 超标";
        vitamin_e._value.color = "everyOrange";
      } else {
        vitamin_es.value = data.value.foodmotion[34].content;
      }
      //维生素B1
      if (vitamin_b1._value.energy < vitamin_b1._value.start) {
        vitamin_b1s.value = data.value.foodmotion[38].content;
        vitamin_b1._value.keyword = "▼ 不足";
        vitamin_b1._value.color = "everyRed";
      } else if (vitamin_b1._value.energy > vitamin_b1._value.end) {
        vitamin_b1s.value = data.value.foodmotion[36].content;
        vitamin_b1._value.keyword = "▲ 超标";
        vitamin_b1._value.color = "everyOrange";
      } else {
        vitamin_b1s.value = data.value.foodmotion[37].content;
      }
      //维生素B2
      if (vitamin_b2._value.energy < vitamin_b2._value.start) {
        vitamin_b2s.value = data.value.foodmotion[41].content;
        vitamin_b2._value.keyword = "▼ 不足";
        vitamin_b2._value.color = "everyRed";
      } else if (vitamin_b2._value.energy > vitamin_b2._value.end) {
        vitamin_b2s.value = data.value.foodmotion[39].content;
        vitamin_b2._value.keyword = "▲ 超标";
        vitamin_b2._value.color = "everyOrange";
      } else {
        vitamin_b2s.value = data.value.foodmotion[40].content;
      }
      //维生素C
      if (vitamin_c._value.energy < vitamin_c._value.start) {
        vitamin_cs.value = data.value.foodmotion[44].content;
        vitamin_c._value.keyword = "▼ 不足";
        vitamin_c._value.color = "everyRed";
      } else if (vitamin_c._value.energy > vitamin_c._value.end) {
        vitamin_cs.value = data.value.foodmotion[42].content;
        vitamin_c._value.keyword = "▲ 超标";
        vitamin_c._value.color = "everyOrange";
      } else {
        vitamin_cs.value = data.value.foodmotion[43].content;
      }

      if (res.data.data.high_contents != null) {
        early_intervention.value =
          res.data.data.high_contents.intervention_one +
          res.data.data.high_contents.intervention_two +
          res.data.data.high_contents.intervention_three;
        Monitoring_content.value =
          res.data.data.high_contents.family_1 +
          res.data.data.high_contents.family_2 +
          res.data.data.high_contents.family_3 +
          res.data.data.high_contents.family_4 +
          res.data.data.high_contents.family_5 +
          res.data.data.high_contents.family_6 +
          res.data.data.high_contents.family_7 +
          res.data.data.high_contents.family_8 +
          res.data.data.high_contents.family_9 +
          res.data.data.high_contents.family_10 +
          res.data.data.high_contents.family_11 +
          res.data.data.high_contents.family_12 +
          res.data.data.high_contents.family_13;
        high_contents.value = res.data.data.high_contents;
      }

      hospital_name.value = res.data.data.hospital_name;

      pagoda.value = res.data.data.pagoda;
      if (res.data.data.contents.water) {
        pagoda.value[0].product_energy = parseFloat(res.data.data.contents.water);
      }

      // proposal.filter((ite,index)=>{
      //     return ite.food_product_id==pagoda.food_product_id

      // })

      // principle.value = res.data.data.foodliving
      intake.value = res.data.data.foodmotion;
      var bmi1 = '';
      var bmi2 = '';
      http.get('api/archives/getbmi?id=' + id.value).then((res) => {
        window.localStorage.setItem("reportId", res.data.data.reportId);
        bmi1 = res.data.data.bmi;
        if (bmi1 < 18.5) {
          bmi2 = '偏瘦'
        } else if (bmi1 < 24 && bmi1 >= 18.5) {
          bmi2 = '正常'
        } else if (bmi1 < 28 && bmi1 >= 24) {
          bmi2 = '偏胖'
        } else if (bmi1 >= 28) {
          bmi2 = '肥胖'
        }
        let xAxisData = ["偏瘦", "正常", "偏胖", "肥胖",];
        var myChart = echarts.init(document.getElementById("myChart1"));
        myChart.value = myChart;
        myChart.setOption({
          backgroundColor: "#fff",
          color: color2,
          legend: {
            top: 20
          },
          tooltip: {
            trigger: "axis",
            formatter: function () {
              return "";
            }
          },
          grid: {
            top: 100,
            containLabel: true
          },
          xAxis: [
            {
              name: "",
              type: "category",
              boundaryGap: false,
              axisLabel: {
                formatter: "{value}",
                textStyle: {
                  color: "#606266"
                }
              },
              axisLine: {
                lineStyle: {
                  color: "#E4E7ED"
                }
              },
              axisTick: {
                show: false // 刻度出来的尖尖
              },
              splitLine: {
                show: true,
                lineStyle: {
                  color: ["#E4E7ED"],
                  width: 1,
                  type: "solid"
                }
              },
              axisPointer: {
                lineStyle: {
                  color: "#DCDFE6" //坐标轴指示线
                },
                show: true //不坐标轴指示线
              },
              nameTextStyle: {
                color: "#606266",
                fontSize: 12,
                lineHeight: 40,
                padding: [0, 0, 0, -15]
              },
              data: xAxisData
            }
          ],
          yAxis: [
            {
              type: "value",
              name: "BMI值",
              axisLabel: {
                textStyle: {
                  color: "#606266"
                }
              },
              axisLine: {
                lineStyle: {
                  color: "#E4E7ED"
                }
              },
              axisTick: {
                show: false // 刻度出来的尖尖
              },
              splitLine: {
                show: true,
                lineStyle: {
                  color: ["#E4E7ED"],
                  width: 1,
                  type: "solid"
                }
              },
              axisPointer: {
                lineStyle: {
                  color: "#DCDFE6" //坐标轴指示线
                },
                show: true //不坐标轴指示线
              },
              nameTextStyle: {
                color: "#606266",
                fontSize: 12,
                lineHeight: 40
              }
            }
          ],
          series: [
            {
              // name: "2018",
              name: "国际",
              type: "line",
              smooth: true,
              symbolSize: 8,
              zlevel: 3,
              lineStyle: {
                normal: {
                  color: color2[0]
                }
              },
              symbol: "circle", //数据交叉点样式
              // itemStyle: {
              //     normal: {
              //         color: "white",
              //         borderColor: '#D0443B',
              //         borderWidth: 1,
              //     }
              // },
              data: [0, 18.5, 24.0, 28.0]
            },
            {
              name: "我的",
              type: "scatter",
              smooth: true,
              symbolSize: 8,
              zlevel: 3,
              lineStyle: {
                normal: {
                  color: color2[1]
                }
              },
              symbol: "circle", //数据交叉点样式 (实心点)
              // itemStyle: {
              //     normal: {
              //         color: "#ffffff",
              //         borderColor: '#3EA4AA',
              //         borderWidth: 1,
              //     }
              // },
              data: [[`${bmi2}`, `${bmi1}`]]
            }
          ]
        });
        window.addEventListener("resize", function () {
          myChart.resize();
        });
      })
      let color = ["#3EA4AA"];
      let color1 = ["#D0443B", "#3EA4AA"];
      let color2 = ["#D0443B", "#3EA4AA"];
      var arr = [];//标准平均身高
    var arrss1=[];//标准偏低身高
    var arrss2=[];//标准偏高身高
      var arr2 = [];
      var parr = res.data.data.primaryHeight;
    var parr1=res.data.data.primaryHeightMin;
    var parr2=res.data.data.primaryHeightMax;
    if (res.data.data.primaryHeight) {
      for (let i = 0; i < parr.length; i++) {
        arr.push(parr[i].content);
        arrss1.push(parr1[i].content);
        arrss2.push(parr2[i].content)
        arr2.push(parr[i].month);
      }
    }
//获取用户生日 用户出生到现在的月份
    const startDate = new Date(res.data.data.contents.birth);
    const endDate = new Date();
    let monthsDifference = (endDate.getMonth() + 1) - startDate.getMonth();
    if (endDate.getFullYear() > startDate.getFullYear()) {
      monthsDifference += 12 * (endDate.getFullYear() - startDate.getFullYear());
    }
    //获取月份对应的下标以及身高
    let months = monthsDifference;
    let result = arr2.indexOf(months);
    if (result !== -1) {
      Height_s.value = arr[result];
    } else {
      let results = arr2.findIndex(num => num > months);
      let ress = arr[results - 1];
      let ress1 = arr[results];
      Height_s.value = ((arr[results]) / 2) + ((arr[results - 1]) / 2);

    }


      var arr1 = [];
      var arrsss1=[];
      var arrsss2=[];
      var arr3 = [];
      var arr4 = [];
      var indexes = '';
    var parrss1 = res.data.data.primaryWeight;
    var parrss2 = res.data.data.primaryWeightMin;
    var parrss3 = res.data.data.primaryWeightMax;
    if (res.data.data.primaryWeight) {
      for (let i = 0; i < parrss1.length; i++) {
        arr1.push(parrss1[i].content);
        arr3.push(parrss1[i].month);
      }
      
    }
    if(res.data.data.primaryWeightMin){
      for (let i = 0; i < parrss2.length; i++) {
        arrsss1.push(parrss2[i].content);
      }
    }
    if(res.data.data.primaryWeightMax){
      for (let i = 0; i < parrss3.length; i++) {
        arrsss2.push(parrss3[i].content);
      }
    }
      arr4 = arr3.filter((item, index) => {
        return parseInt(item) > parseInt(res.data.data.sumbirths)
      })
      for (let i = 0; i < arr3.length; i++) {
        if (arr3[i] == arr4[0]) {
          indexes = i
        }
      }
      let result1 = arr3.indexOf(months);
    if (result1 !== -1) {
      Weight_s.value = arr1[result1];
    } else {
      let results1 = arr2.findIndex(num => num > months);
      Weight_s.value = Math.round(((arr1[results1]) / 2) + ((arr1[results1 - 1]) / 2));

    }

      var myChart1 = echarts.init(document.getElementById("myChart2"));
      myChart1.value = myChart1;
      myChart1.setOption({
        backgroundColor: "#fff",
        color: color2,
        legend: {
          top: 20
        },
        tooltip: {
          trigger: "axis",
          formatter: function () {
            return "";
          }
        },
        grid: {
          top: 100,
          containLabel: true
        },
        xAxis: [
          {
            name: "月份",
            type: "category",
            boundaryGap: false,
            axisLabel: {
              formatter: "{value}",
              textStyle: {
                color: "#606266"
              }
            },
            axisLine: {
              lineStyle: {
                color: "#E4E7ED"
              }
            },
            axisTick: {
              show: false // 刻度出来的尖尖
            },
            splitLine: {
              show: true,
              lineStyle: {
                color: ["#E4E7ED"],
                width: 1,
                type: "solid"
              }
            },
            axisPointer: {
              lineStyle: {
                color: "#DCDFE6" //坐标轴指示线
              },
              show: true //不坐标轴指示线
            },
            nameTextStyle: {
              color: "#606266",
              fontSize: 12,
              lineHeight: 40,
              padding: [0, 0, 0, -15]
            },
            data: arr3
          }
        ],
        yAxis: [
          {
            type: "value",
            name: "身高",
            axisLabel: {
              textStyle: {
                color: "#606266"
              }
            },
            axisLine: {
              lineStyle: {
                color: "#E4E7ED"
              }
            },
            axisTick: {
              show: false // 刻度出来的尖尖
            },
            splitLine: {
              show: true,
              lineStyle: {
                color: ["#E4E7ED"],
                width: 1,
                type: "solid"
              }
            },
            axisPointer: {
              lineStyle: {
                color: "#DCDFE6" //坐标轴指示线
              },
              show: true //不坐标轴指示线
            },
            nameTextStyle: {
              color: "#606266",
              fontSize: 12,
              lineHeight: 40
            }
          }
        ],
        series: [
        {
          // name: "2018",
          name: "国际",
          type: "line",
          smooth: true,
          symbolSize: 8,
          zlevel: 3,
          lineStyle: {
            normal: {
              color: color2[0]
            }
          },
          symbol: "circle", //数据交叉点样式
          // itemStyle: {
          //     normal: {
          //         color: "white",
          //         borderColor: '#D0443B',
          //         borderWidth: 1,
          //     }
          // },
          data: arrss1
        },
          {
            // name: "2018",
            name: "国际",
            type: "line",
            smooth: true,
            symbolSize: 8,
            zlevel: 3,
            lineStyle: {
              normal: {
                color: color2[0]
              }
            },
            symbol: "circle", //数据交叉点样式
            // itemStyle: {
            //     normal: {
            //         color: "white",
            //         borderColor: '#D0443B',
            //         borderWidth: 1,
            //     }
            // },
            data: arr
          },
          {
          // name: "2018",
          name: "国际",
          type: "line",
          smooth: true,
          symbolSize: 8,
          zlevel: 3,
          lineStyle: {
            normal: {
              color: color2[0]
            }
          },
          symbol: "circle", //数据交叉点样式
          // itemStyle: {
          //     normal: {
          //         color: "white",
          //         borderColor: '#D0443B',
          //         borderWidth: 1,
          //     }
          // },
          data: arrss2
        },
          {
            name: "我的",
            type: "scatter",
            smooth: true,
            symbolSize: 8,
            zlevel: 3,
            lineStyle: {
              normal: {
                color: color2[1]
              }
            },
            symbol: "circle", //数据交叉点样式 (实心点)
            // itemStyle: {
            //     normal: {
            //         color: "#ffffff",
            //         borderColor: '#3EA4AA',
            //         borderWidth: 1,
            //     }
            // },
            data: [[arr3[indexes - 1], res.data.data.sumHeight]]
          }
        ]
      });
      window.addEventListener("resize", function () {
        myChart1.resize();
      });

      var myChart2 = echarts.init(document.getElementById("myChart3"));
      myChart2.value = myChart2;
      myChart2.setOption({
        backgroundColor: "#fff",
        color: color2,
        legend: {
          top: 20
        },
        tooltip: {
          trigger: "axis",
          formatter: function () {
            return "";
          }
        },
        grid: {
          top: 100,
          containLabel: true
        },
        xAxis: [
          {
            name: "月份",
            type: "category",
            boundaryGap: false,
            axisLabel: {
              formatter: "{value}",
              textStyle: {
                color: "#606266"
              }
            },
            axisLine: {
              lineStyle: {
                color: "#E4E7ED"
              }
            },
            axisTick: {
              show: false // 刻度出来的尖尖
            },
            splitLine: {
              show: true,
              lineStyle: {
                color: ["#E4E7ED"],
                width: 1,
                type: "solid"
              }
            },
            axisPointer: {
              lineStyle: {
                color: "#DCDFE6" //坐标轴指示线
              },
              show: true //不坐标轴指示线
            },
            nameTextStyle: {
              color: "#606266",
              fontSize: 12,
              lineHeight: 40,
              padding: [0, 0, 0, -15]
            },
            data: arr3
          }
        ],
        yAxis: [
          {
            type: "value",
            name: "体重",
            axisLabel: {
              textStyle: {
                color: "#606266"
              }
            },
            axisLine: {
              lineStyle: {
                color: "#E4E7ED"
              }
            },
            axisTick: {
              show: false // 刻度出来的尖尖
            },
            splitLine: {
              show: true,
              lineStyle: {
                color: ["#E4E7ED"],
                width: 1,
                type: "solid"
              }
            },
            axisPointer: {
              lineStyle: {
                color: "#DCDFE6" //坐标轴指示线
              },
              show: true //不坐标轴指示线
            },
            nameTextStyle: {
              color: "#606266",
              fontSize: 12,
              lineHeight: 40
            }
          }
        ],
        series: [
          {
          // name: "2018",
          name: "国际",
          type: "line",
          smooth: true,
          symbolSize: 8,
          zlevel: 3,
          lineStyle: {
            normal: {
              color: color2[0]
            }
          },
          symbol: "circle", //数据交叉点样式
          // itemStyle: {
          //     normal: {
          //         color: "white",
          //         borderColor: '#D0443B',
          //         borderWidth: 1,
          //     }
          // },
          data: arrsss1
        },
          {
            // name: "2018",
            name: "国际",
            type: "line",
            smooth: true,
            symbolSize: 8,
            zlevel: 3,
            lineStyle: {
              normal: {
                color: color2[0]
              }
            },
            symbol: "circle", //数据交叉点样式
            // itemStyle: {
            //     normal: {
            //         color: "white",
            //         borderColor: '#D0443B',
            //         borderWidth: 1,
            //     }
            // },
            data: arr1
          },
          {
          // name: "2018",
          name: "国际",
          type: "line",
          smooth: true,
          symbolSize: 8,
          zlevel: 3,
          lineStyle: {
            normal: {
              color: color2[0]
            }
          },
          symbol: "circle", //数据交叉点样式
          // itemStyle: {
          //     normal: {
          //         color: "white",
          //         borderColor: '#D0443B',
          //         borderWidth: 1,
          //     }
          // },
          data: arrsss2
        },
          {
            name: "我的",
            type: "scatter",
            smooth: true,
            symbolSize: 8,
            zlevel: 3,
            lineStyle: {
              normal: {
                color: color2[1]
              }
            },
            symbol: "circle", //数据交叉点样式 (实心点)
            // itemStyle: {
            //     normal: {
            //         color: "#ffffff",
            //         borderColor: '#3EA4AA',
            //         borderWidth: 1,
            //     }
            // },
            data: [[arr3[indexes - 1], res.data.data.sumWeight]]
          }
        ]
      });
      window.addEventListener("resize", function () {
        myChart2.resize();
      });
      setTimeout(() => {
        print("pdfDom1");
      }, 3000);
    })

});
// const print = (el) => {
//   PrintJS({
//     printable: el,
//     type: 'html',
//     header: null,
//     targetStyles: ['*'],
//     style: "@page {margin:0 10mm}",
//     gridStyle: "font-size:4px"
//   })
// }
</script>
  
<style scoped>
.biao1 {
  width: 25%;
  border-bottom: 1px solid rgb(9, 165, 120);
  border-right: 1px solid rgb(9, 165, 120);
  background-color: rgb(42, 178, 139);
  color: #fff;
}

.biao5 {
  width: 25%;
  border-right: 1px solid rgb(9, 165, 120);
  background-color: rgb(42, 178, 139);
  color: #fff;
}

.biao6 {
  width: 25%;
  border-right: 1px solid rgb(9, 165, 120);
  color: #000;
}

.biao2 {
  width: 25%;
  border-bottom: 1px solid rgb(9, 165, 120);
  border-right: 1px solid rgb(9, 165, 120);
  color: #000;
}

.biao3 {
  width: 25%;
  border-bottom: 1px solid rgb(9, 165, 120);
  background-color: rgb(42, 178, 139);
  color: #fff;
}

.biao4 {
  width: 75%;
  border-bottom: 1px solid rgb(9, 165, 120);
  color: #000;
}

.biao7 {
  border-right: 1px solid rgb(9, 165, 120);
  border-bottom: 1px solid rgb(9, 165, 120);
}

#proposal {
  width: 1075px;
  height: 456px;
  background: url("../../assets/img/report_proposal.png");
}

/deep/ #elTextThree {
  width: 100%;
}

/deep/.el-textarea__inner {
  width: 946px;
  height: 157px;
  border-radius: 30px;
  border: 1px solid #2ab28b;
}

/deep/.el-textarea__inner .red {
  width: 946px;
  height: 157px;
  border-radius: 30px;
  border: 1px solid #2ab28b;
}

#elTextTwo {
  background: #2ab28b;
}

/deep/.el-textarea {
  width: 80%;
  margin-left: 70px;
}

.params {
  width: 100%;
  font-size: 22px;
  font-weight: bold;
}

.shu {
  width: 5px;
  height: 30px;
  background: #2ab28b;
  opacity: 1;
  border-radius: 100px;
  float: left;
  margin-right: 2%;
  margin-left: 5%;
}

.shured {
  width: 5px;
  height: 30px;
  background: red;
  opacity: 1;
  border-radius: 100px;
  float: left;
  margin-right: 2%;
  margin-left: 5%;
}

.right-box-card {
  width: 100%;
  margin-left: 0%;
}

.el-card.is-always-shadow {
  box-shadow: none;
}

.el-card {
  border: none;
}

.report {
  /*width: 595px;*/
  /*height: 842px;*/
}

.titles {
  margin-right: 20px;
}

#basic .title {
  font-size: 36px;
  width: 100%;
  text-align: center;
  height: 100px;
  margin-top: 100px;
}
.fen {
  width: 100%;
  height: 30px;
  padding: 0 270px;
  box-sizing: border-box;
  margin-top: 20px;
}

.fen  .fens {
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #5394D0 12.5%, #67C23A 37.5%, #E2CB50 62.5%, #E27350 87.5%);
  border-radius: 25px;
  position: relative;
}
.fen  .fens .img{
  margin-top: -100%;
}
.fen .fenss {
  width: 100%;
  height: 100%;
  position: relative;
  top: -30px;
  padding: 2px 0;
  box-sizing: border-box;
  display: flex;
  line-height: 26px;
}

.fen .fenss .one{
  flex: 1;
  border-right: 2px solid rgba(255, 255, 255, 0.5);
  padding-left: 6px;
  box-sizing: border-box;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
}

.fen .fenss .one:last-child {
  border: none;
}

.fen .fensss {
  width: 100%;
  height: 37px;
  position: relative;
  top: -20px;
  display: flex;
}

.fen .fensss .one {
  flex: 1;
}

.fen .fensss .one .lei {
  width: 68px;
  height: 37px;
  margin: 0 auto;
  text-align: center;
  line-height: 37px;
  border-radius: 40px;
  font-size: 18px;
  color: #ffffff;
}

#basic #createTime {
  font-size: 16px;
  color: #999999;
  margin-left: 70%;
}

.subTitle {
  font-size: 30px;
  text-align: center;
  height: 40px;
  color: #2ab28b;
  /*border-bottom: 1px dashed  red;*/
}

#two {
  width: 1075px;
  height: 1244px;
  border-left: 1px #999999 solid;
  border-right: 1px #999999 solid;
  margin: 0 auto 0 auto;
}

#basic {
  font-size: 16px;
  width: 1075px;
  min-height: 1244px;
  overflow: hidden;
  padding: 0;
  word-break: break-all;
  /*margin: 60px auto 0 auto;*/
  box-shadow: var(--el-box-shadow-light);
  border-radius: var(--el-card-border-radius);
  background-color: var(--el-card-bg-color);
  /* color: var(--el-text-color-primary); */
  transition: var(--el-transition-duration);
  --el-card-border-color: var(--el-border-color-light, #ebeef5);
  --el-card-border-radius: 4px;
  --el-card-padding: 20px;
  --el-card-bg-color: var(--el-color-white);
}

#basic .symptom_title {
  font-size: 20px;
  margin-top: 30px;
}

.every {
  height: 55px;
  line-height: 55px;
  width: 23%;
  float: left;
  margin-left: 10%;
  font-weight: bold;
}

#basic .symptom {
  text-align: left;
  line-height: 35px;
}

#basic .symptom .every {
  width: 30%;
  float: left;
  margin-left: 2%;
}

.symptom_content {
  width: 100%;
  float: left;
  margin-left: 120px;
}

.service_plate {
  background: url("../../assets/img/evaluaction_service_plate.png") center no-repeat;
}

.dietOn {
  width: 100%;
  /* height: 510px; */
  /* margin-top:90px; */
  /* margin-top:150px; */
  padding-top: 20px;
  /* padding-bottom: 60px; */
}

.everyRed {
  color: red;
}

.everyOrange {
  color: orange;
}

.everyBlack {
  color: #333333;
}

.time-botton {
  background-color: #2ab28b;
  width: 108px;
  height: 41px;
  color: #fff;
  font-size: 16px;
  border-radius: 100px;
  line-height: 41px;
  margin: 42px 0 0 40px;
  text-align: center;
}

.time-type {
  width: 58px;
  height: 58px;
  line-height: 58px;
  text-align: center;
  background: #85ce61;
  border-radius: 50%;
  opacity: 1;
  color: #fff;
  box-shadow: 5px 5px 2px #888888;
  margin: 20px 0 20px 40%;
}

.der {
  width: 240px;
  height: 174px;
  background: url("../../assets/img/evaluaction_service_plate.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin: auto;
}

.platesFoods {
  margin-top: 5px;
  margin-left: 8px;
  color: #333333;
  font-size: 14px;
  text-align: center;
}

.platesFoods div {
  padding-bottom: 5px;
}

.platesFoods span {
  color: #666666;
}

.plates {
  width: 33%;
  float: left;
}

.plates .plates-top-img {
  float: left;
  margin-left: 1%;
  width: 30%;
}

.time-left-color {
  background: #85ce61;
}

.time-common-color {
  background: #e8b973;
}

.time-right-color {
  background: #6ea9e0;
}
</style>
  